/* Style for the nav links starts here */

:root {
--dark-beige: #E6DACD;  
--light-beige: #F4ECE6;  
--royal-blue: #0150FD; 
--black: #000;  
--purple: #a90fe6; 
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Poppins', sans-serif;
}

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

body{
  font-family: 'Quicksand', sans-serif; 
  background-color: var(--light-beige);
}

.about-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 
}

.nav-list{
   margin-top: 1.5rem; 
   font-weight: bold;
   padding: 0.5rem;
   font-size: 24px;
}

.nav-list a{
  text-decoration: none;
  color: var(--black);
}

.about-me a{
  color: var(--royal-blue);
}

.btn2{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.menu-icon{
  background: transparent;
  border: none;
  margin: 3rem;
  font-size: 2.5rem;
}
.menu-icon a{
    text-decoration: none;
    color:var(--black);
}
@media screen and (min-width: 400px)
{
 

}