.body{display:flex;flex-direction:column;margin:0;height:100vh;font-family:sans-serif}header{flex:0;display:flex;flex-direction:row;margin:0;background-color:#ddd;border-bottom:thin black solid}.title{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.title *{margin:0}#title-1{font-size:1.9em}#title-2{font-size:1.5em}#title-3{font-size:2.3em}#title-4{font-size:1.8em}#title-5{font-size:3em}.navigation-menu{flex:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.navigation-menu div{height:1em}@media (orientation: portrait){header{flex-direction:column-reverse}}main{flex:1;padding:1em}footer{flex:0 4em;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#000;color:#fff}footer *{flex:.3;display:flex;flex-direction:row;justify-content:center}.game-main{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-p{font-size:2em;height:1em;margin-top:.2em;margin-bottom:.2em}.game-button{color:#fff;background-color:red;border:none;border-radius:.6em;height:1.7em;width:5.5em;font-size:3em}.square{background:#fff;border:1px solid #222;float:left;font-size:7em;font-weight:700;line-height:34px;height:1em;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:1em}.board{padding:2em}@media (orientation: portrait){.square{font-size:5em}}.login-div{padding-bottom:1em}.login-span{display:inline-block;width:5em}.login-button{margin-right:.5em;font-size:1em}th,td{border-right:thin black solid;border-bottom:thin black solid;padding:.5em}.scores-button{border:none;border-radius:.6em;height:1.7em;width:5.5em}img{padding:.5em}