/* Dialogue System */
#dialogue-bubble {
    position: absolute;
    top: 7%;
    left: 12%;
    width: 22%;
    z-index: 10;
}

#dialogue-bubble img {
    width: 100%;
}

#dialogue-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72%;
    color: #4a2c2a;
    font-family: 'Roundo', sans-serif;
    font-size: 1.8vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
}