body{
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
  }
  
  #navbar{
    display: flex;
    background-color: #132e39;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: flex-end;
  }
  
  #nav-list{
    display: flex;
    flex-direction: row;
  }
  li{
    list-style: none;
  }
  
  a{
    color: white;
    text-decoration: none;
    font-size: 2em;
    padding: 1rem 2rem;
    font-family: lobster;
  }
  
  a:hover{
    background-color: brown;
  }
  
  #welcome-section{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction:  column;
    align-items: center;
    justify-content: center;
    background-color: #D6C0AB;
    
  }
  h1{
    color: white;
    font-size: 12rem;
    font-weight: 700;
    font-family: Lobster;
    margin: 0;
  }
  
  
  #welcome-section > p{
    color: #132e39;
    font-size: 2rem;
    font-style: italic;
    font-weight: 100;
    font-family: Arimo;
  }
  
  .projects{
  text-align: center;
   padding: 8rem 2rem;
  }
  .projects > h2{
    font-size: 4.2rem;
  }
  
  .project-img{
    height: calc(100% - 6.8rem);
    width: 100%;
    object-fit: cover;
  }
  
  .project-tile{
    color: white;
    width: 100%;
    background-color: #132e39;
    margin: 0;
    padding: 2rem 0;
    font-family: Roboto;
  }
  
  .projects-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    grid-cap: 4rem;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 6rem;
  }
  
  h2{
    font-family: lobster;
    font-size: 4.2rem;
    color: #132e39;
  }
  
  @media (max-width: 400px){
  
  }
  #contact{
    background-color: #D6C0AB;
    width: 100%;
    height: 80vh;
    margin: 0;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #contact > h2{
    color: white;
    font-size: 5rem;
  }
  
  #contact-p{
    color: white;
    font-style: italic;
    font-weight: 100;
    text-align: center;
    font-size: 1.6rem;
    padding: 0;
  }
  
  #contact li{
    margin-right: 3vw;
    font-size: 1em;
    
  }
  #contact ul{
    display: flex;
    color: brown;
    padding: 5rem;
  }