body {
     font-family: 'Caladea';font-size: 22px;
     text-align: center;
     color: #900C3E;

}

a { 
     color: #900C3E;
}

a:hover { 
     color: #c7c7c7;
     transition: 0.1s;
}



.main {
     padding-right: 20%;
     padding-left: 20%;
 }
 

 
 .nav-1 {
     background-color: #ff7759;
     width: 50%;
  }

 .nav-1:hover {
     background-color: #d1593f;
     width: 50%;
     transition: 0.3s;
  }
  
  .nav-2 {
      float: left;
   }