body {
    background: linear-gradient(rgb(58, 58, 187), rgb(28, 28, 185), rgb(18, 18, 116));
}

#login {
    background: linear-gradient(rgb(28, 28, 29), rgb(14, 14, 15), rgb(13, 13, 14));
    height: 100%;
    margin-top: 5%;
    width: 30%;

}

.message {
    color: blue;
    background: linear-gradient(rgb(88, 86, 86), rgb(145, 140, 140), rgb(97, 96, 96));
    border: solid black 5px;
    border-radius: 20px;
}

#loginform {
    color: blue;
    background: linear-gradient(rgb(88, 86, 86), rgb(145, 140, 140), rgb(97, 96, 96));
    border: solid black 5px;
    border-radius: 20px;

}

#log_heading {
    color: red;
}

#login h1 {
    background: linear-gradient(rgb(28, 28, 29), rgb(14, 14, 15), rgb(13, 13, 14));
    
}

@media only screen and (max-width: 600px){
    body {
        background: linear-gradient(rgb(28, 28, 29), rgb(14, 14, 15), rgb(13, 13, 14));
        text-align: center;
        width: 100% !important;
    }

    #login#login {
        position: relative;
        text-align: center;
        width: 100% !important;
        margin-left: 1%; 
    }

    #login h1 {
        /* position: relative; */
        width: 100% !important;
        padding: 0%;
        margin: 0%;
        margin-left: 5%;
    }

    #loginform {
        /* position: relative; */
        width: 95% !important;
        padding: 1%;
        margin: 0%;
    }

    .message {
        /* position: relative; */
        width: 90%;
        margin-right: 5%;
    }

    #backtoblog {
        width: 100%;
    }
    
}