html, body {
    height: 100%;
    margin: 0;
}
.box, .content {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#highestScore {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    font-size: 2vmax;
    margin: 2vmax;
    font-family: 'Comic Neue';
    text-shadow: 0px 0px 4px white;
    font-style: italic;
    top: 0;
    z-index: 2;
}
#images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: 0;
}
.toothless {
    display: flex;
    object-fit: cover;
    width: 15vmax;
    height: 20vmax;
    overflow: visible;
    margin-top: -50px;
}
#toothText {
    display: inline-block;
    font-size: 3vmax;
    font-family: 'Comic Neue';
    text-shadow: 0px 0px 4px white;
    margin-top: -50vmin;
    position: fixed;
    text-align: center;
    transition: transform 0.2s ease-in-out;
    z-index: 2;
}
.butt {
    background-image: radial-gradient(circle, white, gold);
    display: inline-block;
    font-size: 4.5vmin;
    font-family: 'Comic Neue';
    margin: 0.5vmax;
    margin-top: 30vmax;
    position: fixed;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);
    padding: 1vmin 2vmin;
    border: 1vmin solid darkgoldenrod;
    color: black;
    border-radius: 20px;
    cursor: pointer;
    transition: color 0.3s ease-in-out, border 0.2s ease-in-out, transform 0.3s ease-in-out, text-shadow 0.2s ease-in-out;
    z-index: 2;
}
.butt:hover, .butt:active {
    background-image: radial-gradient(circle, white, rgb(255, 234, 112));
    color: white;
    text-shadow: 3px 3px 3px black;
    border: 0.5vmin solid gold;
}
.butt:hover {
    transform: scale(1.1);
}
.butt:active {
    transition: color 0.3s ease-in-out, border 0.2s ease-in-out, transform 0.1s ease-in-out, text-shadow 0.2s ease-in-out;
    transform: scale(0.9);
}
#reset {
    display: inline-block;
    border-width: 1vmin;
    bottom: 0;
    margin: 2vmax;
    font-size: 3vmin;
    font-style: italic;
    z-index: 1;
}

@keyframes highScore {
    from {
        transform: scale(1.5);
    }
    to {
        transform: scale(1);
    }
}