html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
#soil {
    width: 100vw;
    height: 100vh;
    overflow: scroll;
    cursor: grab;
}
#soil:active {
    cursor: grabbing;
}

#graveyard {
    background-image: url("grass.png");
    background-repeat: repeat;

    width: 4000px;
    height: 4000px;

    position: relative;
}

.grave {
    position: absolute;
    translate: -50% -50%;
    cursor: pointer;
}

.toad {
    position: absolute;
    bottom: 2rem;
    left: 5rem;
}
.toad img {
    width: 240px;
}

#grave {
    position: relative;
    padding: 2rem;
    min-height: 100%;

    background-color: #181818;
    color: white;
}

#grave .tombstone {
    width: 100%;
    height: auto;
    max-width: 600px;
}
#grave .obituary {
    padding-bottom: 2rem;
    max-width: 900px;
}

#grave h1 {
    font-family: cursive;
    font-size: 4rem;
}
#grave p, #grave ul {
    font-family: sans-serif;
    font-size: 1.5rem;
}
#grave a,
#grave a:hover,
#grave a:active, 
#grave a:visited {
    color: white;
}