@font-face{font-family:customfont;font-style:normal;font-weight:400;src:url(../fonts/Poppins-Regular.35d26b78.ttf) format("truetype")}@font-face{font-family:customfont;font-style:italic;font-weight:400;src:url(../fonts/Poppins-Italic.e373f616.ttf) format("truetype")}@font-face{font-family:customfont;font-style:normal;font-weight:700;src:url(../fonts/Poppins-Bold.cdb29a5d.ttf) format("truetype")}@font-face{font-family:customfont;font-style:italic;font-weight:700;src:url(../fonts/Poppins-BoldItalic.cfb635a5.ttf) format("truetype")}@font-face{font-family:customfont;font-style:normal;font-weight:900;src:url(../fonts/Poppins-ExtraBold.01849ee0.ttf) format("truetype")}@font-face{font-family:customfont;font-style:italic;font-weight:900;src:url(../fonts/Poppins-ExtraBoldItalic.73d4495b.ttf) format("truetype")}:root{--color-hue:65;--tile-font-size:7.5vmin}body{background-color:#333;font-family:customfont}.flex-to-grow{flex:1}.game-body{align-items:center;display:flex;font-size:7.5vmin;justify-content:center;margin:0}#game-board{background-color:#ccc;display:grid;gap:var(--cell-gap);grid-template-columns:repeat(var(--grid-size),var(--cell-size));grid-template-rows:repeat(var(--grid-size),var(--cell-size));padding:var(--cell-gap);position:relative}#game-board,.cell{border-radius:1vmin}.cell{background-color:#aaa}.tile{align-items:center;animation:show .2s ease-in-out;background-color:hsl(var(--color-hue),65%,var(--background-lightness));border-radius:1vmin;color:hsl(200,25%,var(--text-lightness));display:flex;font-size:var(--tile-font-size);font-weight:700;height:var(--cell-size);justify-content:center;left:calc(var(--x)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));position:absolute;top:calc(var(--y)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));transition:.1s ease-in-out;width:var(--cell-size)}@keyframes show{0%{opacity:.5;transform:scale(0)}}