@media screen and (orientation: portrait) {
    body {
        min-height: 100vh;
    }
    #yellow-box {
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
    #login-box {
        top: 30px;
        opacity: .9;
    }
}
@media screen and (orientation: landscape) {
    #yellow-box {
        border-bottom-left-radius: 70px;
        border-top-left-radius: 70px;
    }
    #login-box {
        left: 70px;
        opacity: .9;
    }
}