1@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;500;700;900&display=swap');
  2@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic');
  3
  4::-webkit-scrollbar {
  5    width: 10px;
  6}
  7
  8::-webkit-scrollbar-track-piece {
  9    background-color: #393939;
 10}
 11
 12::-webkit-scrollbar-thumb {
 13    background-color: #FFFFFF;
 14}
 15
 16html {
 17    scrollbar-color: #ffffff #393939;
 18    scrollbar-width: thin;
 19    --pixel-size: 26px;
 20    /* 30-8 */
 21    --pixel-margin: 4px;
 22}
 23
 24body {
 25    position: relative;
 26    margin: 0;
 27    font-family: "Source Sans Pro";
 28    color: white;
 29    background: #000000;
 30    font-weight: 200;
 31    text-shadow: 0px 0px 5px black;
 32    width: 100vw;
 33    height: 100vh;
 34}
 35
 36#container {
 37    position: relative;
 38    width: 100%;
 39    height: 100vh;
 40    overflow: hidden;
 41}
 42
 43#playing-field {
 44    position: absolute;
 45    left: 50%;
 46    top: 50%;
 47    -webkit-transform: translate(-50%, -50%);
 48    transform: translate(-50%, -50%);
 49    border: white solid 1px;
 50    border-radius: 8px 0px 0px 8px;
 51}
 52
 53#sidebar {
 54    position: absolute;
 55    left: 50%;
 56    top: 50%;
 57    -webkit-transform: translate(-50%, -50%);
 58    transform: translate(-50%, -50%);
 59    border: white solid 1px;
 60    font-size: 32px;
 61    border-radius: 0px 8px 8px 0px;
 62}
 63
 64#next-piece-preview {
 65    position: absolute;
 66    left: 50%;
 67    bottom: 0px;
 68    -webkit-transform: translate(-50%, -50%);
 69    transform: translate(-50%, -50%);
 70    border: white solid 1px;
 71    font-size: 32px;
 72    border-radius: 0px 8px 8px 0px;
 73}
 74
 75#gameover-screen {
 76    position: absolute;
 77    left: 50%;
 78    top: 50%;
 79    -webkit-transform: translate(-50%, -50%);
 80    transform: translate(-50%, -50%);
 81    border: white solid 1px;
 82    background: black;
 83    font-size: 32px;
 84    padding: 32px;
 85    text-align: center;
 86    border-radius: 8px;
 87}
 88
 89#gameover-restart-button {
 90    background: black;
 91    color: white;
 92    border: 1px solid #fff;
 93    font-size: 16px;
 94    padding: 8px;
 95    margin-top: 16px;
 96    border-radius: 4px;
 97}
 98
 99.pixel {
100    position: absolute;
101    background: white;
102    width: var(--pixel-size);
103    height: var(--pixel-size);
104    margin: var(--pixel-margin);
105    border-radius: 2px;
106
107
108}
109
110#home-link {
111    position: absolute;
112    top: 40px;
113    right: 40px;
114}
115
116#home-link-a {
117    color: white;
118    text-decoration: none;
119    font-size: 32px;
120    font-weight: 400;
121}
122
123#home-icon {
124    width: 32px;
125    height: 32px;
126}
127
128#pause-button {
129    position: absolute;
130    top: 40px;
131    left: 40px;
132}
133
134#pause-icon {
135    width: 32px;
136    height: 32px;
137}