body {
    font-family: Arial, Helvetica, sans-serif;
     margin-top: -20px;
  width:100%;
  height:750px;
background-image: linear-gradient(326deg, #D5C27D 0%, #0F2030 74%);
}
* {box-sizing: border-box;}
a:hover{
    list-style: none;
    text-decoration: none;
}
.a-center{
    margin-left: 70px;
    font-size: 20px;
    list-style: none;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
    border-radius: 20px;
    border: 1px solid #0F2030;
    outline: none;
}
input[type=password], select, textarea {
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
    border-radius: 20px;
    outline: none;
    border: 1px solid #0F2030;
    margin-bottom: 10px;
}

input[type=submit] {
  background-color: #0F2030;
  color: #fff;
  padding: 15px 20px;
  border: none;
  border-radius: 18px;
  width: 250px;
  cursor: pointer;
  margin-left: 100px;
    border: none;
}

input[type=submit]:hover {
  background-color: #0F2030;
   padding-left: 10px;
}

.container {
  border-radius: 15px;
  background-color: #f2f2f2;
  padding: 30px;
    width: 500px;
    box-shadow: 0px 2px 5px black;
}

.form-control{
    border-radius: 0px;
}

@media screen and (max-width:426px){
.container {
  background-color: #f2f2f2;
  padding: 20px;
    width: 380px;
    box-shadow: 0px 2px 5px black;
}
.container img{
    margin-left: 100px!important;
}    
    
.a-center{
    margin-left: 50px;
    font-size: 18px;
    list-style: none;
}
.checkbox span a{
    margin-left: 20px!important;
    font-size: 18px!important;
}
    
input[type=submit] {
  background-color: #0F2030;
  color: #fff;
  padding: 15px 20px;
  border: none;
  border-radius: 18px;
  width: 250px;
  cursor: pointer;
  margin-left: 50px;
    border: none;
} 
    
.forget-a{
  margin-left: 80px!important;
}    
 
.forget-h4{
  margin-left: 2px!important;
    font-size: 15px!important;
}     
}


/*-----------------------------------*/
@media screen and (max-width:376px){
.container {
  background-color: #f2f2f2;
  padding: 20px;
    width: 350px;
    box-shadow: 0px 2px 5px black;
}
    
.container img{
    margin-left: 80px!important;
}    
    
.a-center{
    margin-left: 20px;
    font-size: 18px;
    list-style: none;
}
.checkbox span a{
    margin-left: 20px!important;
    font-size: 15px!important;
}
    
input[type=submit] {
  background-color: #0F2030;
  color: #fff;
  padding: 15px 20px;
  border: none;
  border-radius: 18px;
  width: 200px;
  cursor: pointer;
  margin-left: 60px;
    border: none;
} 

.forget-a{
  margin-left: 80px!important;
    font-size: 19px!important;
}    
 
.forget-h4{
  margin-left: 7px!important;
    font-size: 13px!important;
    margin-bottom: -20px!important;
}     
}



/*-----------------------------------*/
@media screen and (max-width:320px){
.container {
  background-color: #f2f2f2;
    margin-left: 15px;
  padding: 20px;
    width: 290px;
    box-shadow: 0px 2px 5px black;
}
.container img{
    margin-left: 45px!important;
    height: 130px!important;
}    
    
.a-center{
    margin-left: 10px;
    font-size: 15px;
    list-style: none;
}
.checkbox label{
    font-size: 14px!important;
    margin-left: 0px!important;
}    

.checkbox span a{
    margin-left: 10px!important;
    font-size: 15px!important;
}
    
input[type=submit] {
  background-color: #0F2030;
  color: #fff;
  padding: 15px 20px;
  border: none;
  border-radius: 18px;
  width: 170px;
  cursor: pointer;
  margin-left: 50px;
    border: none;
} 
.forget-a{
  margin-left: 50px!important;
    font-size: 19px!important;
}    
 
.forget-h4{
  margin-left: 0px!important;
    font-size: 11px!important;
    margin-bottom: -20px!important;
}

}