body{
    font-family: verdana;
    background-color: rgb(69, 27, 24);
    color: #3a1818;
    overflow-x: hidden;  /* remove horz scroll */
}

main{
    border: 40px solid rgb(116, 82, 88);
    width: 94vw; aspect-ratio: 1/1;
    margin: -160px auto; /* center a block element */
    border-radius: 50%;
    position: absolute;
    top: 30%; left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

h1 {
    text-align: center;
    margin-top: 25vw;
    text-transform: uppercase;
    font-weight: normal;
    color: rgb(45, 16, 11);
    letter-spacing: 2vw;
    font-size: 10vw;
    padding-bottom: 500px;
    font-family: "Poetsen One", sans-serif;
    text-shadow: 2px 3px 4px #EEE
}


nav {
    padding: 5px 70px 0px 97px; 
    margin: 0px 0px;
    background-color: rgb(116, 82, 88);
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(400%);
}

/* styling hyperlinks within nav menu */
nav a {
    color: rgb(45, 16, 11);
    text-decoration: none;
    font-size: 16pt;
    display: inline-block;
    padding: 20px 32px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}

nav a:hover {
    color:#EEE;
}

footer {
    background-color: rgb(45, 16, 11);
    color: #EEE;
    position: bottom;
    bottom: 0px; left: 0px;
    width: 100%; height: 35px;
    text-align: center;
    padding-top: 12px;
}