body,html{padding:0;margin:0;width:100%;height:100%}body{font-family:Roboto,sans-serif;font-size:20px;text-align:center;background:#13181c;color:#fff}button{display:inline-block;padding:.7em 1.4em;margin:0 .3em .3em 0;border-radius:.15em;box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;text-transform:uppercase;font-weight:400;font-size:15px;color:#fff;background-color:#3369ff;box-shadow:inset 0 -.6em 0 -.35em rgba(0,0,0,.17);text-align:center;position:relative;border:0;cursor:pointer}button:active{top:.1em}button:hover{background:#769bff}input{font-family:Roboto,sans-serif;font-size:20px}a{color:#00f}.highscore-title{display:inline;font-family:monospace;border-bottom:2px solid #fff}.highscore{display:flex;justify-content:center;font-family:monospace}.highscore ol{float:left}.highscore ol li{text-align:left}.highscore ol li .name{margin-right:5px}@media all and (max-width:30em){button{display:block;margin:.4em auto}}