.speech-bubble {
    position: absolute;
    background: #ffffff;
    border-radius: .4em;
    left: 46%;
    top: 1%;
    height: 27%;
    width: 53%;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 80%;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-right-color: #ffffff;
    border-left: 0;
    border-bottom: 0;
    margin-top: -22px;
    margin-left: -30px;
}

.speech-bubble-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.date-div {
    position: absolute;
    left: 1%;
    top: 1%;
    width: 98%;
    height: 20%;
}

.greggism-div {
    position: absolute;
    left: 10%;
    top: 20%;
    width: 80%;
    height: 60%;
}

.where-who-div {
    position: absolute;
    right: 1%;
    top: 80%;
    width: 98%;
    height: 20%;
}

.translation-bubble {
    position: absolute;
    background: #ffffff;
    border-radius: .4em;
    left: 52%;
    top: 59%;
    height: 40%;
    width: 47%;
}

.translation-bubble-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.translation-title-div {
    position: absolute;
    left: 1%;
    top: 1%;
    width: 98%;
    height: 20%;
}

.translation-div {
    position: absolute;
    left: 10%;
    top: 20%;
    width: 80%;
    height: 80%;
}

.fitTextHide {
    overflow: hidden;
    display: none !important;
}

.fitTextOverflow {
    overflow: hidden;
}

.emphasized {
    font-style: italic;
}