body{
  background-size: 100vw 100vh;
  margin:o;
}
form{
  Width:450px;
  margin:auto;
  background: rgba(0,0,0,0);
  padding: 10px 20px;
  box-sizing: border-box;
  margin-top: 20px;
  border-radius: 7px;
}
h2{
  text-align:center ;
  color:#000000;
  margin:0;
  font-size:30px;
  maring-bottom:20px;
  
}
input, textarea{
  width:100%;
  margin-bottom: 20px;
  padding: 7px;
  box-sizing: border-box;
  font-size: 17px;
  border: none;
}
textarea{
  max-height: 200px;
  max-width:100%;
  min-height: 100px;
}
#botton{
  background: #31384A;
  color:#000000;
  padding: 20px;
}
#botton:hover{
  cursor:pointer;
}
@media (max width:480px){
  form{
  width:100%;
 }
}
@media screen and (max-width: 640px) {

  }


@media screen and (min-width: 640px) and (max-width: 1280px) {
 
}

@media screen and (min-width: 1280px) {
}