body {
    .box {
      max-width:800px;
      margin: 30px auto 0px; 
    }
      
    nav {
      margin-bottom: 10px;
      }
      
    main {
        border: #CCE6FF 10px solid;
        background: #4980FF;
        padding: 20px;
      }
    
    mangar {
        border: #CCE6FF 10px solid;
        background: #4980FF;
        padding: 20px;
      }

      
    footer {
        padding: 2px;
        text-align: center;
        margin-top: 15px;
        border: #CCE6FF 5px solid;
        background: #4980FF;

      }
      
      
#navbar{      
      ul {
        list-style-type: none;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0;
  overflow: hidden;
  background-color: #3D9AFF;
  font-family: Verdana;

}

    li {
      float: left;
    }

    li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 50px;
      text-decoration: none;
    }

    li a:hover:not(.active) {
     background-color: #3D77FF;
    }

    .active {
      background-color: #FF9B59;
    }
    }
    
    
/* Background formatting. */
    background-image: url("https://cucumberjosie.neocities.org/Images/background-field-01.png");
    background-position: center; 
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
  
  
  
  
  
/* General styling. */
    color: white;
    font-family: Verdana;}
    h1{ color:#FFB24F;}