body,html{
    height:100%;
}

h1 {
    margin-top: 20px;
    color: #5fbca1;
}

body:before {
    display: block;
    width: 100%;
    height: 3px;
    background-image: linear-gradient(to right, #36bcee 30%, #5fbca1 50%);
    content: ' ';
}

.logo{
    margin-top: 20px;
    width: 100px;
    height: 100px;
}

div > form {
    margin-top: 150px;
}

@media screen and (max-width: 768px) {
    div > form {
        margin-top: 75px;
    }
}