body{margin:0;padding:0;font-family:"Trebuchet MS",sans-serif;color:#fff;background-color:#000;cursor:default}a,a:link,a:active,a:visited,a:hover{color:#fff;text-decoration:none}h1{position:absolute;left:20px;font-weight:bold;font-size:35px;margin:0}button{cursor:pointer}html,body{height:100%;width:100vw}#at-head{top:0;border-bottom:1px solid #fff;height:45px;font-size:35px;margin-bottom:6vh}#at-score{position:absolute;top:0;right:20px;text-align:right}#at-score-value{display:inline-block;min-width:4vw}#at-field{text-align:center;font-size:16vh}#at-finished{display:none;top:45px;text-align:center;font-size:35px}#at-buttonbar{position:absolute;left:0;right:0;bottom:3vh;text-align:center}#at-finished button{display:inline-block;margin:auto;height:15vh;min-width:40vw;font-size:35px;background-color:#090;color:#fff;border:none;border-radius:1vh}#at-result-container{display:block;text-align:center;width:10vw}.arr{position:absolute;top:45px;bottom:0;background:none;color:#fff;font-size:16vh;border:none;margin:0;padding:0;outline:0;width:45vw}.centered{position:absolute;left:0;right:0;text-align:center}#at-l1{top:45px}#at-l2{bottom:45px}#at-result{top:0;bottom:0;line-height:100vh}.arr-l{left:0}.arr-r{right:0}@media only screen and (max-width: 700px),only screen and (max-height: 700px){#at-head{height:30px}#at-head h1{font-size:17px;line-height:30px;left:10px}#at-score{font-size:17px;line-height:30px;right:10px}}