body { 
    
  font-family: "Cause", cursive; 
  background-color: #FFFFFF; 
  color: #211f60; 
  padding: 2em;
} 

a { 
    /*COLOR*/
  color: #EBA8E8; 
  text-decoration: none; 
} 

a:hover { 
  text-decoration: underline; 
  background-color: #FDAFF0; 
  border-radius: 20px; 
} 

img { 
  border: .7em solid #FDAFF0; 
  border-radius: 20px;        
} 

.logo { 
  border: 5px solid #FDAFF0; 
  border-radius: 20px;        
} 

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

nav { 
  height: 100%; 
  width: 15%; 
  position: fixed; 
  z-index: 1; 
  top: 0; 
  left: 0; 
  background-color: #FBE0F5; 
  overflow-x: hidden; 
  padding-top: 20px; 
} 

nav a { 
  padding: .5em .75em .5em 1em; 
  text-decoration: none; 
  font-size: 1.3em; 
  color: #211f60; 
  display: block; 
  transition: 0.3s; 
} 

nav a:hover { 
  color: #211f60; 
  text-shadow: 2px 2px 2px #000000; 
} 

nav img { 
  width: 50%; 
  margin-left: 2em; 
} 

main { 
  margin-left: 15%; 
  padding: 1em 1em; 
  padding-top: 20px; 
}