body {
  overflow: hidden;
}

.app {
  background-color: currentcolor;
}

.in{
  width: 20vw;
}

#title{
  font-size: calc(2vw);
  text-align: center;
}

.input::placeholder{
  font-size: calc(1vw);
}

.btn{
  padding: 1.5vh;
}

.font{
  font-size: calc(1vw);
}

.font2{
  font-size: calc(.8vw);
}

.padding{
  padding: 3rem;
}




@media screen and (max-width:900px){

  .font{
    font-size: calc(5px + 1vw);
  }

  .font2{
    font-size: calc(5px + .8vw);
  }

  #title{
    font-size: calc(10px + 2.8vw);
  }

}


@media screen and (max-width:480px){

  .font{
    font-size: calc(5px + 1.5vw);
  }

  .font2{
    font-size: calc(5px + 1.3vw);
  }

  #title{
    font-size: calc(10px + 2.5vw);
  }

  .padding{
    padding: 2.5rem!important;
  }

}