html {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
body {
    background: url('../img/wallpaper3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin:0;
    font-family:sans-serif;
}

#inloggen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    opacity: 1;
    background:#111238;
    height:0%;
    transition: .8s ease;
    display: block;
    overflow:hidden;
}

.login.content {
    background-color:white;
    text-align:center;
    padding:30px;
    width:60%;
    max-width:250px;
    margin:30vh auto auto auto;
    border:1px solid #041348;
}

.login.content input {
    margin:10px 0px;
    width: 75%;
    border: 1px solid #b3b3b3;
    border-radius:2px;
    font-size:17px;
    padding:3px;
    outline:none;
}

.login.content input:focus {
    border: 1px solid #595959;
    transition: .3s ease;
}
.login.content input[type=submit]{
    background-color:#2951aa;
    color:white;
    padding:5px 20px;
    border:none;
}

#arrow {
    font-weight: bold;
    font-size: 23px;
}

.back:hover {
    color:#0d87ab;
    transition: .3s ease;
}

@media screen and (max-width:800px) {
    .login.content {
        margin: 22vh auto;
    }
    .login.content input[type=submit]{
        font-size:18px;
        padding: 6px 20px;
        border: 2px solid #b8b8b8;
    }
}