body{margin:0;height:100vh;width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app-wrapper{min-height:100vh;height:auto;width:100vw;background-color:#f1f3f3;display:flex}.table-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;margin:50px auto auto;grid-column-gap:2px;-webkit-column-gap:2px;column-gap:2px;grid-row-gap:2px;row-gap:2px}.table-element{height:120px;width:120px;background-color:#000;cursor:pointer;display:flex}@media (max-width:480px){.table-element{width:30vw;height:30vw}}.table-element .MuiSvgIcon-root{margin:auto;color:#fff!important;height:110px!important;width:110px!important}@media (max-width:480px){.table-element .MuiSvgIcon-root{width:25vw!important;height:25vw!important}}.wrappertable-wrapper{margin:auto;display:grid;grid-template-columns:1fr;grid-template-rows:.4fr 1fr;box-shadow:0 0 10px 2px rgba(0,0,0,.3);height:900px;width:550px}@media (max-width:480px){.wrappertable-wrapper{height:105vh;width:100vw}}.wrappertable-top{padding-top:20px;text-align:center;background-color:#46ed61;width:550px}@media (max-width:480px){.wrappertable-top{width:100vw;min-height:235px}}.wrappertable-top .wrappertable-title{font-size:3.5em;font-family:"Montserrat"}.wrappertable-top .wrappertable-buttons{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;padding:30px 30px 20px}.wrappertable-top .wrappertable-buttons button{font-family:"Montserrat";padding:10px;font-size:1.5em;background-color:transparent;outline:none;font-weight:700;color:#fff;border:4px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.2);cursor:pointer;transition:all .3s}@media (max-width:480px){.wrappertable-top .wrappertable-buttons button{font-size:1em}}.wrappertable-top .wrappertable-buttons .button-active,.wrappertable-top .wrappertable-buttons button:hover{color:#fff;border:4px solid #000;background-color:#000}.wrappertable-top .wrappertable-reset button{font-family:"Montserrat";padding:7px;font-size:1em;background-color:transparent;outline:none;font-weight:700;color:#000;border:4px solid #000;box-shadow:0 0 15px rgba(0,0,0,.2);cursor:pointer;transition:all .3s}.wrappertable-top .wrappertable-reset button:hover{color:#fff;border:4px solid #000;background-color:#000}.wrappertable-bottom{background-color:#000}.wrappertable-bottom .wrappertable-bottom-text{margin-top:20px;font-family:"Montserrat";align-self:center;color:#fff;font-size:2em;text-align:center}
/*# sourceMappingURL=main.1366807c.chunk.css.map */