/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
 body {
          /* background-image: url(forestbg.jpg); */
          border:#FDF4D8 solid 40px; 
          padding: 10px;
          margin: 0px; 
          color: navajowhite;
          font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          display: flex;
          justify-content: center; 
          align-items: center;     
          height: 100vh;          
      }
      a {
          color:#fff;
          text-decoration: none;
          font-weight: bold;
      }
      
      a:hover {
          text-decoration: underline;
      }
      
	  .body {
	    background-color: #202F25
      }
      
      .content-box {
          background-color: #6b8362;
          border: solid 4px #6b8362;
          max-width: 1280px;
      }
      
      .logo-box {
          background: url('gravity-riser-logo-temp.png') no-repeat center center/cover;
          min-width: 300px;
          max-width:1280px;
          
          min-height: 250px;
          max-height: 300px;
          margin-bottom: 6px;
      }
      
.menu-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex; 
    justify-content: space-around; /* or space-between, center, etc. */
    background-color: #6b8362; 
}

.menu-list li a {
    /* Make the links fill the entire list item area to be fully clickable */
    display: block; 
    /*padding: 15px 20px;*/
    text-decoration: none; /* Remove default link underlines */
    color: #070807;
    text-align: center;
    font-size: 2.2em;
    text-transform: uppercase;
    border-right: 6px solid #070807; 
    padding: 0 60px; 
}

.menu-list li:last-child {
  border-right: none;
}

/* Add hover effect for better user experience */
.menu-list li a:hover {
    background-color: #202F25;
    color:navajowhite;
}

.nav-break {
    border: solid 6px #070807;
    width: 99%;
}

      .footer-content {
          text-align: center;
          justify-content: center; 
          align-items: center;     
      }
      
      .logo-text{
          font-family:'Roboto Mono', monospace; 
          color: white; 
          text-shadow:0 0 3px darkgreen;
      }
      .text-center {
          text-align: center;
      }
      
      
.clear {clear: both;}