body {
    font-family: 'Nunito', serif;
}

h1 {
     display: block;
     font-size: 1.5em;
     margin-block-start: 0.83em;
     margin-block-end: 0.83em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     font-weight: bold;
}

button, input, select, textarea {
     font-family: 'Nunito';
     font-size: 100%;
}

a {
     color: #2FA7B7;
     text-decoration: none;
}

a:link {
     color: #2FA7B7;
     text-decoration: none;
}

 a:link {
      color: #2FA7B7;
      text-decoration: none;
 }

 a:visited {
      color: #2FA7B7;
      text-decoration: none;
 }

 a:hover {
      color: #F0A530;
      text-decoration: none;
      cursor: pointer;
 }

 a:active {
      color: #F0A530;
      text-decoration: none;
 }

 #main {
     width: 90%;
     margin: auto;
 }
 
 .logo img {
     width: 300px;
     height: auto;
     display: block;
     margin-left: auto;
     margin-right: auto;
}

@media screen and (min-width: 540px) {
     .logo img {
          width: 496px;
          height: auto;
          display: block;
          margin-left: auto;
          margin-right: auto;
     }
}

nav {
     border-top:3px solid #2FA7B7;
     border-bottom:3px solid #2FA7B7;
     text-align: center;
     font-weight: 900;
}

nav li {
     margin-right:10px;
     margin-left:10px;
     list-style: none; 
     display: inline-block;
 }



 #content {
     padding-top: 10px;
 }

 .antispam {
     display: none;
 }

 .formWidth {
      width: 300px;
 }

 .formMessage {
     width: 500px;
     height: 150px;
 }

.alignTop {
     vertical-align: top;
}

.displayNone {
     display: none;
}

.displayInline {
     display: inline;
}

.marginBottomZero {
     margin-bottom: 0px;
}

.marginTopZero {
     margin-top: 0px;
}

.quiztime {
     width: 300px;
}

#uparrow {
     text-align: center; 
     margin-bottom: 0px;
}

#uparrowimg {
     width: 40px;
}

#footer {
     border-top:3px solid #2FA7B7;
     border-bottom:3px solid #2FA7B7;
     text-align: center;
}

#wordSeek {
     max-width: 650px;
}

.hiddenItem {
     display: none;
}

.bookNextPrev {
     text-align: left; 
     width: 613px;
     height: 0px;
}

.floatRight {
     float: right;
}

.paddingTop10 {
     padding-top: 10px;
}

@media screen and (max-width: 640px) {
     nav ul {
          padding-inline-start: 0px;
     }

     nav li {
          padding-top: 5px;
          padding-bottom: 5px;
     }

     .formMessage {
          width: 310px;
          height: 150px;
      }

      .aboutPancake {
           width: 410px;
           height: auto;
      }

      .newYearsResolution {
           width: 500px;
           height: auto;
      }

      .maze {
          width: 410px;
          height: auto;
     }

     .wordseek {
          width: 500px;
          height: auto;
     }
 } 

 @media screen and (max-width: 400px) {

     .aboutPancake {
          width: 310px;
          height: auto;
     }

     .newYearsResolution {
          width: 330px;
          height: auto;
     }

     .maze {
          width: 310px;
          height: auto;
     }

     .wordseek {
          width: 330px;
          height: auto;
     }

     .book {
          width: 330px;
          height: auto;
     }

     .bookNextPrev {
          text-align: left; 
          width: 330px;
          height: 0px;
     }
}