body {
  /* 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;}






.container {
  max-width:900px;
  margin: 30px auto; 
}

.side-bar {
  border: #CCE6FF 10px solid;
  background: #4980FF;
  padding: 20px;
}  

main {
  border: #CCE6FF 10px solid;
  background: #4980FF;
  padding: 20px;
}

.bottom-bar {
  padding: 8px;
  text-align: center;
  border: #CCE6FF 5px solid;
  background: #4980FF;
}


footer {
  padding: 2px;
  text-align: center ;
  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;
  }
}