.tessellator-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0;background-color:#000;position:relative;min-height:100vh}#tessheader,.tessellator-container{color:#3f3;font-family:Courier New,Courier,monospace}#tessheader{font-size:50px;text-align:center;margin-top:20px;margin-bottom:20px}#tessheader a{color:#3f3}#tessheader a:hover{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:2px;text-underline-offset:10px}.tessellator-container h2{text-align:center}.tessellator-container #controls{display:flex;flex-direction:column;align-items:center;margin-top:0;margin-bottom:10px}.tessellator-container #controls label,.tessellator-container #mode-selector label,.tessellator-container #same-color-toggle label{font-size:16px;cursor:pointer;color:#3f3;font-family:Courier New,Courier,monospace;margin-bottom:10px}.tessellator-container input,.tessellator-container select{background-color:#000;color:#3f3;border:1px solid #3f3;font-family:Courier New,Courier,monospace;padding:5px;margin-bottom:15px}.tessellator-container input[type=range]{-webkit-appearance:none;background:transparent}.tessellator-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#3f3;width:10px;height:20px;cursor:pointer}.tessellator-container input[type=range]::-webkit-slider-runnable-track{background:#040;height:5px}.tessellator-container input[type=color]{border:none;background-color:#000}.tessellator-container #tess-button{margin:10px;padding:10px 20px;border:2px solid #3f3;background-color:#000;color:#3f3;font-family:Courier New,Courier,monospace;cursor:pointer}.tessellator-container #tess-button:hover{background-color:#040}.tessellator-container button:hover{font-weight:700}.tessellator-container .box{width:50px;height:50px;border:1px solid #a2a2a2;cursor:pointer;background-color:#000}.tessellator-container .box2{cursor:pointer}.tessellator-container .mini-grid{display:grid}.tessellator-container #tables-container{display:flex;justify-content:center;gap:50px;align-items:flex-start}.tessellator-container #main-table,.tessellator-container #tessellation-table{align-self:center;justify-self:center}.tessellator-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(transparent 95%,rgba(51,255,51,.05));background-size:100% 2px;pointer-events:none}.tessellator-container #same-color-toggle label{font-size:16px;cursor:pointer;color:#3f3;font-family:Courier New,Courier,monospace}.tessellator-container #mode-selector label{margin-right:10px;color:#3f3;font-family:Courier New,Courier,monospace}.tessellator-container #grid-size-value{font-weight:700;margin-left:2px;color:#3f3;font-family:Courier New,Courier,monospace}.tessellator-container #grid-selector{display:flex;align-items:center;margin-bottom:10px}.tessellator-container #grid-selector label{margin-right:10px}.tessellator-container #grid-selector input[type=range]{flex-grow:1;margin-right:5px}.tessellator-container #grid-selector span{min-width:30px;text-align:center}.tessellator-container input[type=checkbox],.tessellator-container input[type=radio]{accent-color:#3f3}.tessellator-container .mini-box{background-color:#000}@media (max-width:640px){input[type=color]{border:2px solid #fff;padding:2px}}