.body{
   background: linear-gradient(27deg, #34495e 50%, #2c3e50 50%) ;
    font-family: Arial, Helvetica, sans-serif;
}
.form-body{
    width: 400px;
    min-width: 300px;
    background: #857be7;
    border-radius: 10px;
    border: 1px solid black;
    border-radius: 10px;
    margin: 10px;
}
.form-body img{
    width: 250px;
    display: block;
    margin: 20px auto;
}

.form-body input {
    display: block;
    margin: auto;
    height: 30px;
    width: 75%;
    padding-left: 10px;
    border: 1px solid black;
    border-radius: 2px;
     
}
.form-body input:hover {
    transition: 5s;
    border: 1px solid #2980b9;
    color: rgb(106, 110, 110);
}
.form-body button{
    display: block;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 30px;
    height: 35px;
    width: 40%;
    background: #b9bbbd;
    color: rgb(106, 110, 110);
    cursor: pointer;
    border-radius: 2px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}