* { 
    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: rgb(222, 145, 145);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  .form-content{

    border-style: solid;color: rgb(160, 29, 211);
        background: linear-gradient(
        50deg,
        rgba(40,42,55,1) 50%,
        rgba(40,42,55,0.7)
        ),
        url("../img/logo.jpeg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px;
        width: 900px;
        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: 50%;

}
label{
    font-size: 17px;
    color: rgb(235, 235, 243);
    margin-bottom: 10px;
}
input, textarea{
    padding: 17px 14px;
    background-color: rgb(188, 112, 211);
    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 rgb(187, 67, 67);
}
.btn{
    background-color: rgb(123, 32, 47);
    width: 150px;
    align-self: flex-end;
    cursor: pointer;
}
.btn:hover{
    background-color: rgb(161, 63, 25);
}



/*@media (max-width:991px){
    body (
        padding: 30px;
    )
    .form-content (
        width: 100%;
    )

     form (
    width: 100px;
  )
} */