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;
}

/*Override btn-info properties from bootstrap.css*/
.btn-info {
    background-color: #5fbca1;
    border-color: #5fbca1;
}

/*Override btn-info properties from bootstrap.css*/
.btn-info:hover {
    background-color: #5d9e90;
    border-color: #5d9e90
}

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