header {
    font-family: 'Roboto', sans-serif;
    margin:0; padding:0;
    box-sizing: border-box;
    outline: none; border: none;
    text-decoration: none;
    text-transform: capitalize;
    transition: all .2s linear;
}





  
  header{
    position: fixed;
    top:0; right:0; left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background:rgb(248, 246, 248);
    padding:2rem 9%;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
  }
  
  header .logo{
    font-size: 2.5rem;
    font-weight: bolder;
    color:#666;
  }
  

  
  header .navbar a{
    font-size: 2.1rem;
    margin-left: 2rem;
    color:#667;
  }
  
  header .navbar a:hover{
    color:var(--salmon);
  }



  
  
  /* section{
    padding:2rem 9%;
  } */
  
  /* .heading{
    text-align: center;
    font-size: 3.5rem;
    padding:1rem;
    color:#666;
  } */
  
  /* .heading span{
    color:var(--salmon);
  } */
  
  /* .btn{
    display: inline-block;
    padding:.9rem 2rem;
    border:.2rem solid var(--salmon);
    color:var(--salmon);
    cursor: pointer;
    font-size: 1.8rem;
    border-radius: .6rem;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-top: 1.5rem;
  } */