* { box-sizing: border-box; }
body { text-align: center; }

#login {
    border: 1px solid black;
    border-radius: 1em;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 1em;
    margin: auto;
    background-color: #FFCC00;
    font-family: "Tahoma", "Verdana";
}
#logo { height: 8em; }
#login form { margin: auto; }
#login label { width: 25%; display: inline-block; text-align: right; }
#login input { width: 65%; display: inline-block; }
#login input[type=submit] { width: 40%; display: inline-block; }

@media screen and (orientation: landscape) {
  #login { width: 80%; }
}