@media all and (orientation:landscape){

    .loginBox{
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
    }
    #loginSelect{
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
    }
}

body {
    background-image: url("/images/login_background.webp");
    background-size: cover;
}

#loginLogo{
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}
#loginButton{
    width: 100%;
}
#registerGrid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    grid-gap: 0.8em;
    text-align: center;
}
#registerGrid > div > a > img{
    width: 90%;
}
#licenceLabel{
    cursor: pointer;
}