/* =============================
   General Page Styles
   ============================= */
body {
  
}

/* =============================
   Header Styles
   text align centers everything in the header
   background color changes background color
   ============================= */
header {
   width: 100%;
   text-align: center;
   background-color: rgb(245, 245, 51);

   
}

/* =============================
   Navigation Styles
   float left = puts text on the left
   width self explanatory
   padding pushes everything inwards
   margin pushes element away from other elements around it
   ============================= */
nav 
{ 
   float: left;    
   width: 25%;
   padding: 1%;
   margin: 1%;
   position: fixed;
   

}

nav ul {

}

nav ul li {
    
}
/*when you hover anything in the list it will turn yellow */
nav ul li a:hover {
 color:yellow  
}

/* Hover effect for links */
nav ul li a:hover {
 
}

/* =============================
   Main Content Styles
   float right = puts text on the right
   width self explanatory
   padding pushes everything inwards
   margin pushes element away from other elements around it
   ============================= */
main 
{ 
   float: right;
   width: 70%;
   padding: 10%;
   margin: 10%;

}

/* =============================
   Footer Styles
   width self explanatory
   text align sets the texts in the center
   ============================= */
footer {
   width: 100%;
   text-align: center;
   background-color: rgb(107, 174, 236);
   

}
#site-footer{}