@media screen and (min-width:901px) {
  html{
    scroll-behavior: smooth;
  }
  main{
    width: 100%;
    height: auto;
  }
  html::-webkit-scrollbar{
    background: white;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}
  html::-webkit-scrollbar-thumb{
    width: 1px;
    background-color: #060c14;
    border-radius: 20px;
    height: 10px;
}
}

@media screen and (max-width:900px) {
  html{
    scroll-behavior: smooth;
  }
  main{
    width: 100%;
    height: auto;
  }
  html::-webkit-scrollbar{
    background: white;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}
  html::-webkit-scrollbar-thumb{
    width: 1px;
    background-color: #060c14;
    border-radius: 20px;
    height: 10px;
}
}

@media screen and (max-width:600px) {
  html{
    scroll-behavior: smooth;
  }
  main{
    width: 100%;
    height: auto;
  }
  html::-webkit-scrollbar{
    background: white;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}
  html::-webkit-scrollbar-thumb{
    width: 1px;
    background-color: #060c14;
    border-radius: 20px;
    height: 10px;
}
}

@media screen and (max-width:300px) {
  html{
    scroll-behavior: smooth;
  }
  main{
    width: 100%;
    height: auto;
  }  html::-webkit-scrollbar{
    background: white;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}
  html::-webkit-scrollbar-thumb{
    width: 1px;
    background-color: #060c14;
    border-radius: 20px;
    height: 10px;
}
}