body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--grid-col-num:16;--square-size:25px}body,html{max-width:100%}.App{height:100vh;overflow-x:hidden;text-align:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.menu-container{align-items:center;background-color:#05204a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.menu-items{align-items:flex-start;display:flex;flex-direction:column}.menu-item-open{opacity:1}.menu-item-closed{opacity:0}.menu-item{color:#fff}.menu-open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.menu-closed{opacity:1;pointer-events:none}li{cursor:pointer;font-size:4em;list-style:none;padding:8px}.grid-container{display:flex;flex-direction:column}.grid,.grid-container{align-items:center;justify-content:center}.grid{display:grid;grid-template-columns:repeat(var(--grid-col-num),0fr)}.grid-menu{flex-direction:row}.grid-menu,.square{align-items:center;display:flex}.square{border:1px solid #000;height:var(--square-size);justify-content:center;width:var(--square-size)}.grid-button{background-color:#05204a;border:1px solid #05204a;border-radius:5px;color:#fff;cursor:pointer;height:40px;margin:10px;text-decoration:none;width:80px}.grid-icon{color:grey;cursor:pointer;margin-right:10px;-webkit-user-select:none;user-select:none}@-webkit-keyframes spinIcon{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinIcon{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-spin{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spinIcon;animation-name:spinIcon;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#05204a}.options-container{align-items:center;background-color:hsla(0,2%,51%,.815);border-radius:5px;display:flex;flex-direction:row;height:auto;justify-content:space-around;margin:8px;padding:4px;width:400px}.options-title{color:#05204a}.navbar-container{align-items:center;background-color:#05204a;justify-content:space-between;overflow-x:hidden;position:-webkit-sticky;position:sticky;top:0;z-index:20}.navbar-container,.navbar-sub-container{display:flex;flex-direction:row}.navbar-title{color:#e1e2ef;cursor:pointer;margin-left:15px}.navbar-icon{color:#fff;cursor:pointer;margin-right:15px;-webkit-user-select:none;user-select:none}.paper-container{overflow-x:hidden}
/*# sourceMappingURL=main.aaba6252.css.map*/