@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
  
  html { overflow-y: hidden; } 
  
  
  body{
    /* background-color:    rgb(60, 83, 101); */
    background-color: rgb(53, 53, 53);
    font-weight: 500;
  }
  
  .container{
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-30%, -50%);
  
  }
  
  .home{
    font-family: "Quicksand";
    font-style: normal;
    color: rgb(53, 53, 53);
    font-size: 6vw;
    margin-bottom: 20px;
  
  }
  
  
  .social{
    font-family: "Quicksand";
    font-style: normal;
    color: rgb(53, 53, 53);
    font-size: 1.6vw;
  
  }
  
  a{
    color: rgb(53, 53, 53);
    text-decoration: none;
    font-family: "Quicksand";
  }
  
  a:hover {
    color: rgb(224, 67, 0);
  }
  
  
  .arrow{
    /* background:  rgb(100, 118, 133) ; */
    background:  whitesmoke;
    background-size:cover;
    width: 100%;
    height:98vh;
    position: relative;
    border-radius: 30px;
  }
  
  
  #acces{
    color: rgba(245, 245, 245, 0.63);
    background:  whitesmoke;
    
  }
  
  
  #acces:hover{
    color: red;
  }
  
  @media only screen and (max-width : 501px) {
    .social{
        font-size: 4vw;
    
    }
  
    .home{
      
        font-size: 10vw;
    }
    }