style.css (1199B)
1 @import url('inter_ui_webfont/inter-ui.css'); 2 3 * { font-family: 'Inter UI', sans-serif; } 4 5 html { 6 -webkit-font-smoothing: antialiased; 7 -moz-osx-font-smoothing: grayscale; 8 -ms-text-size-adjust: 100%; 9 -webkit-text-size-adjust: 100%; 10 } 11 12 body { 13 margin: 40px; 14 } 15 16 h1 { 17 font-size: 75px; 18 font-weight: 800; 19 margin-left: -3px; 20 line-height: 1.0; 21 margin-bottom: 0; 22 margin-top: 0; 23 } 24 25 h2 { 26 font-size: 34px; 27 font-weight: 800; 28 margin-bottom: 18px; 29 } 30 31 h3 { 32 font-size: 18px; 33 font-weight: 800; 34 margin-bottom: 1em; 35 } 36 37 section > div { 38 margin-bottom: 1em; 39 } 40 41 .kbd-key { 42 display: inline-block; 43 width: 60px; 44 height: 55px; 45 margin-right: 4px; 46 margin-bottom: 4px; 47 font-size: 14px; 48 max-width: 60px; 49 overflow: hidden; 50 overflow-wrap: break-word; 51 padding-top: 5px; 52 text-align: center; 53 54 border: 1px solid black; 55 border-radius: 3px; 56 box-shadow: 0px 2px 4px rgb(0 0 0 / 25%); 57 } 58 59 .kbd-key.key-1-5 { 60 width: 90px; 61 max-width: 90px; 62 } 63 64 .last-row .kbd-key.key-1-5 { 65 margin-right: 8.3px; 66 } 67 68 .kbd-key.selected { 69 background-color: black; 70 color: white; 71 } 72 73 input, button { 74 font-size: 14pt; 75 }