* { 
    margin: 0%;
    padding:0%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
  }
  body{
    font-family: Arial, Helvetica, sans-serif;
background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  .form-content{

    
        background: linear-gradient(
        50deg,
        rgb(26, 26, 36) 50%,
        rgba(2, 3, 12, 0.5)
        ),
        url("../img/allboys.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px;
        width: 700px;
        height: 700px;
        border-radius:25px ;
        -webkit-border-radius:25px ;
        -moz-border-radius:25px ;
        -ms-border-radius:25px ;
        -o-border-radius:25px ;
}

.form-content h2{
   color:aliceblue ;
   font-size: 40px;
   margin-bottom: 25px;

}
form {
    display: flex;
    flex-direction: column;
    width: 80%;

}
label{
    font-size: 17px;
    color: rgb(235, 235, 243);
    margin-bottom: 10px;
}
input, textarea{
    padding: 17px 14px;
    background-color: rgb(40, 42, 42);
    border: 0;
    font-size: 15px;
    color: rgb(228, 231, 237);
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
:focus{
    outline: 1px solid cornflowerblue;
}
.btn{
    background-color: rgb(76, 93, 93);
    width: 150px;
    align-self: flex-end;
    cursor: pointer;
}
.btn:hover{
    background-color: rgb(52, 125, 101);
}
@media (max-width:991px){
    body (padding: 30px;)
    .form-content (width: 100%;)

     form   ( width: 100px;)
}