body{
    height: 100vh;
    background: linear-gradient(109deg, rgba(29, 36, 49, 0.99) 15%, rgba(10, 12, 16, 0.7) 50%, rgba(10, 12, 16, 0.99) 85%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
   
}form {
    width: 400px;
    height: 400px;
    padding: 60;
     background: linear-gradient(109deg, rgba(29, 36, 49, 0.99) 15%, rgba(24, 29, 39, 0.7) 50%, rgba(10, 12, 16, 0.99) 85%);
    border-radius: 10px;
    margin: 100px;
   
    
   
}



input {
    border: none;
}



input,
button {
   padding: 10px;
   width: -webkit-fill-available;
}
button {
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
}

.form-field {
   margin: 30px;
}
label{
    color: beige;
}

@media(max-width:425px){

   
    form {
        width: 500px;
        height: 500px;
        padding: 60;
        background-color: rgba(0, 0, 0, 0.75);
        border-radius: 10px;
        margin: 100px;
       
        
       
    }
       
    .form-field {
        margin-top: 60px;
        margin-left: 60px;
        margin-right: 60px;
     } 
  
  
  
  
     
    }