body {
    width: 100vw;
    height: 100vh;
    padding: 0px;
    margin: 0px;
    background-color: rgb(100, 100, 100);
    overflow: hidden;
}

#back_button {
    display: block;
    width: max-content;
    padding-left: 1vh;
    padding-top: 0.8vh;
    padding-bottom: 0.8vh;
    padding-right: 1.8vh;
    background-color: rgb(150, 150, 150);
    border: solid black 3px;
    border-radius: 5px;
    font-size: 4vh;
    font-weight: bold;
    position: fixed;
    bottom: 18.5vh;
    left: 1vw;
    cursor: pointer;
    user-select: none;
}

#back_button:hover {
    background-color: rgb(200, 200, 200);
}

#da_box {
    display: block;
    width: 90vw;
    height: 20vh;
    padding: 2vh;
    overflow-y: scroll;
    background-color: rgb(200, 200, 200);
    border: solid black 3px;
    border-radius: 5px;
    position: fixed;
    bottom: 1vh;
    left: 5vw;
    z-index: 2;
    font-size: 1.7em;
}

#dark_lord, #talking_goblin {
    display: block;
    position: fixed;
    bottom: 25vh;
    z-index: 1;
}

#dark_lord {
    height: 70vh;
    left: 7vw;
}

#talking_goblin {
    height: 50vh;
    right: 5vw;
}

#back_to_stories_button {
    font-size: 200%;
    width: max-content;
    padding: 1vh;
    background-color: rgb(150, 150, 150);
    border: solid black 3px;
    border-radius: 5px;
    position: fixed;
    top: 2vh;
    left: 2vh;
    z-index: 100;
    cursor: pointer;
}

#back_to_stories_button:hover {
    background-color: rgb(200, 200, 200);
}

.meta {
    font-style: italic;
    color: rgb(71, 71, 71);
}