@font-face {
    font-family: "Happy Times Regular";
    src: url(happy-times-NG_regular_master_web.woff2);
} 

* {
    box-sizing: border-box;
}
body {
    font-family: "Happy Times Regular", serif;
    padding: 0.5em;
}

a {
    color: black;
    text-decoration: none;
}

main {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
    
}

section {
    height: 100%;
    
}

div.stanza {
    margin-bottom: 2vh;
}

p {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

p::selection, p span::selection {
    background: black;
    color: white;
}

.column-one {
    padding-right: 1em;

}

.column-two {
    padding-left: 1em;

}

:not(.show) {
    color: magenta;
    color: white;
}
.show {
    color: black;
}

nav {
    font-size: 3em;
    position: absolute;
    bottom: 10vh;
    left: 10vh;
    right: 10vh;
    justify-content: space-around;
    display: flex;
    user-select: none;
}

@media screen and (max-width: 500px) {
    body {
       padding: 0;
    }

    main {
        height: 100%;
    }

    p {
        font-size: 2vh;
    }

    nav {
        top: 5vh;
        font-size: 1.75em;
    }


  }