body, html {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    padding: none;
    margin: none;
    font-family: 'Courier New', Courier, monospace;
}

#bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(parchment.jpg);
    background-size: cover;
    opacity: 0.35;
}

#save {
    position: absolute;
    top: 2vmin;
    right: 2vmin;
    width: 12vmin;
    aspect-ratio: 1;
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease;
}

#reload {
    position: absolute;
    top: 2vmin;
    right: 16vmin;
    width: 12vmin;
    aspect-ratio: 1;
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease;
}

#box, #rock {
    width: 100vw;
    height: 100vh;
}

#box > *, #rock > *, #info, #share-explain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#closed {
    z-index: 4;
    width: 100vmin;
}

#back {
    display: none;
    z-index: 1;
    width: 100vmin;
}

#front {
    display: none;
    z-index: 4;
    width: 100vmin;
}

#base {
    display: none;
    z-index: 2;
    width: calc(100vmin / 3);
}

#eyes {
    display: none;
    z-index: 3;
    width: calc(100vmin / 3);
}

#info {
    width: 80vw;
    text-align: center;
    padding-top: 60vmin;
    opacity: 0;
    transition: opacity 1s ease 2s;
}

h1 {
    font-size: 8vmin;
    margin: 0;
    font-weight: bolder;
    margin-bottom: 2vmin;
}

h2 {
    font-size: 5vmin;
    margin: 0;
    font-weight: bolder;
}

h3 {
    font-size: 3.5vmin;
    margin: 0;
    font-weight: bolder;
}

#share-explain {
    background-color: #bb9e70;
    border-radius: 2vmin;
    border: 1vmin solid black;
    text-align: center;
    width: 80vw;
    padding: 5vmin;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease;
}

#share-explain > * {
    padding: 2vmin;
}

.falling {
    animation: fall 2.5s ease-in forwards
}

@keyframes fall {
    to {
        top: calc(50% + 100vh);
    }
}