@font-face{font-family:Metodo-Mono-Bold;src:url(/assets/Metodo-Mono-Bold.50377e93.otf)}@font-face{font-family:Metodo-Mono-Medium;src:url(/assets/Metodo-Mono-Medium.f15bc968.otf)}:root{--text-color: #ff0000;--bg-color: #ffd100}html{font-size:20vw}html,body{background-color:var(--bg-color);font-family:Metodo-Mono-Medium;color:var(--text-color);width:100%;height:100%;position:relative;margin:0;padding:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center}body{font-size:1rem;overflow:hidden}.cell-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:90%;width:80%;position:relative}.cell{box-sizing:border-box;width:calc(100% / 6 - 10px);height:47%;display:flex;justify-content:center;align-items:center;transition:transform 1s ease;border-right:solid 1px var(--text-color);position:relative}.subcell{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.cell:nth-child(1),.cell:nth-child(7){border-left:solid 1px var(--text-color)}@media screen and (max-width : 600px){.cell{width:calc(100% / 6 - 2px)}}