* {
  border-sizing: border-box;
  margin: 0;
  padding: 0;
}

h1, h2, p {
    margin-top: .5em;
    
    margin-bottom: .5em;
    
}

body {
    background-color:  #FEFA86    ;

    color: #000000;
    font-family: "Lexend", sans-serif;
}

/* LINKS */
a {
 color: #0033FF;
 text-decoration: none ;
}

a:hover {
  text-decoration: underline ;  
}


h1 {
    font-family: "Roboto", sans-serif;
}

img {
    border: .2em inset #0033FF;
}



.logo {
    border: none;
}


/*Menu Bar*/
/* Put this rule at the top of your CSS file */

/* Put this rule under your CSS files' 'body' rule */
h1, h2, p {
  margin-top: .5em;
  margin-bottom: .5em;
}


/* Put the next three 'nav' rules anywhere in your CSS after the two above, but keep them together */
nav {
  margin: 0;
  height: 3.2em; /* adjust this until you like the nav bar's height */
  width: 100%;
    background-color:#0033FF ;
}

nav a {
  float: left;
  display: block;
  color: #FFFFFF; /* set the color of the links in your nav bar */
  text-align: center;
  padding: 1em;
  text-decoration: none;
  font-size: 1em;
}

nav a:hover {
  background-color: #455d7a;  /* set the hover background & font colors for your nav bar */
  color: #ffffff;
  font-size: 1em; 
}