html,body,div.content{margin:0;height:100%;width:100%;box-sizing:border-box;position:relative;}body{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,10fr)minmax(0,1fr);grid-template-rows:minmax(0,1fr)140px minmax(0,1fr);align-items:center;justify-items:center;background-color:#FFFFFF;color:#000000;font-family:Roboto,Helvetica Neue,sans-serif;}img{grid-column:2 / 3;grid-row:1 / 2;max-width:100%;max-height:80%;}body>span{grid-column:2 / 3;grid-row:3 / 4;width:100%;text-align:center;padding-top:10px;align-self:start;}form{grid-column:2 / 3;grid-row:2 / 3;width:100%;height:100%;border:0;background:0;border-radius:0;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)minmax(0,1fr)minmax(0,1fr);align-items:center;justify-items:center;gap:1.0em 0em;}input{width:100%;max-width:300px;height:30px;border-radius:0;background:0;margin:0;font-size:120%;padding:2px 5px 2px 5px;box-sizing:border-box;}input[type="text"]:nth-child(1){display:none;}input[type="text"]{grid-column:1 / 2;grid-row:1 / 2;}input[type="password"]{grid-column:1 / 2;grid-row:2 / 3;}input[type="submit"]{grid-column:1 / 2;grid-row:3 / 4;font-weight:normal;color:#333;}input[type="submit"]:hover{background:#DDD;border:1px solid #333;}body>p{position:absolute;bottom:5px;right:10px;color:#DDD;}