body {
    font-family: verdana;
    background-color: #add5e6;
    color: #EEE;
    overflow-x: hidden; /* remove horizontal scroll */
 }

 main {
    border: 40px solid rgb(23, 23, 81);
    width: 94vw; aspect-ratio: 1/1;
    margin: -16px auto; /* center a block element */
    border-radius: 50%;
    position: relative;
    top: 0; left: 50%;
    transform: translatex(-50%);
    overflow: hidden;
 }

img {
    width: 15vw;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    }

    h1 {
        text-align: center;
        margin-top: 20vw;
        text-transform: uppercase;
        color:rgb(23, 23, 81);
        letter-spacing: 1vw;
        line-height: 1.4;
        font-size: 3vw;
        font-family: "Caveat", cursive;
     }

     p {
        text-align: center;
        color: rgb(87, 85, 130);
        font-size: 1.75vw;
     }

     nav {
        padding: 20px 0; /* top and bottom padding only */
        width: 100%;
        background-color: rgb(23, 23, 81);
        text-align: center; /* center text within the block */
        position: absolute;
        top: 60%;
        font-weight: bold;
     }
      /* styling the hyperlinks within the nav menu */
      nav a {
        color: rgb(255, 255, 255);
        text-decoration: none; /* get rid of underlines */
        font-size: 16pt;
        display:inline-block;
        padding: 10px 12px;
        line-height: .10;
     }
     nav a:hover {
        background-color: #EEE;
        color: #add5e6;
     }
     nav h2 {
        font-size: 1.75vw;
        line-height: .10;
        font-weight: lighter;
     }

     section {
        padding: 35px;
     }
     section h2 {
        text-align: center;
     }

     footer {
        background-color: rgb(155, 155, 198);
        padding-top: 20px;
        padding-bottom: 20px;
     }