body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.bg {
    height: 100%;
    background-image: url("../media/img/blocks.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.w3-font {
    /*font-family: 'Tangerine', serif;
    font-family: 'Qwigley', cursive;*/
    font-family: 'Rouge Script', cursive;
}
.login-form {
    background: rgba(255,255,255,.6);
    /*box-shadow: 0 4px 7px 0 rgba(255, 0, 0, 0.33), 0 4px 7px 0 rgba(255, 0, 0, 0.33);*/
}
/*CSS animation*/
.signinplane {
    animation-name: back-land;
    animation-duration: 2s;
}
@keyframes back-land {
    from {color:red;top:0px;right:10px;}
    to {color:white;top:400px;right:400px;}
}