body{margin:0;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{text-align:center}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.array-container{height:calc(100vh - 65px);background-color:var(--background);align-items:center;margin-top:65px}.array-card,.array-container{display:flex;justify-content:center}.array-card{height:80%;width:67vw;align-items:flex-end;background-color:var(--array-card);border-radius:10px;padding:0 10px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.array-bar{width:25px;margin:0 1px 2px;border-top-left-radius:3px;border-top-right-radius:3px}.light{--nav-color:#674aee;--color-text:#dbcafa;--bar-color:#674aee;--background:#fff;--array-card:#fff;--hover:#fff}.dark{--nav-color:#262626;--color-text:hsla(0,0%,100%,0.87);--bar-color:#bb86fc;--background:#1d1d1d;--array-card:#262626;--hover:#674aee}.site-navigation{height:65px;width:100%;background:var(--nav-color);display:flex;justify-content:space-between;color:var(--color-text);position:fixed;z-index:69;top:0;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.site-navigation .menu-title{padding-left:30px}.site-navigation .menu-title,.site-navigation .timer{font-size:24px;font-weight:600;display:flex;align-items:center}.site-navigation .menu-icon{font-size:36px;width:65px;align-items:center;cursor:pointer;display:none}.site-navigation .toggle-button{font-size:24px;margin:auto 0}.site-navigation .toggle-button:hover{color:var(--hover)}.site-navigation .menu-content-container{display:flex;align-items:center;padding-right:30px}.site-navigation .menu-content-container .menu-avatar{height:20px;padding-right:10px}.site-navigation .menu-content-container .menu-avatar-name{font-size:18px}.site-navigation ul{height:100%;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0;display:flex;justify-content:flex-end;align-items:center;list-style-type:none;padding-right:0 20px 0 50px}.site-navigation ul .nav-text{text-decoration:none;padding:0 20px;font-size:20px;color:var(--color-text);background-color:inherit;border:none}.site-navigation ul .nav-text:hover{color:var(--hover)}.site-navigation ul .nav-text:focus{outline:none}@media screen and (max-width:900px){.site-navigation{align-items:center}.site-navigation .menu-content-container{width:300px;background:#262626;height:calc(100% - 65px);position:fixed;top:65px;left:-330px;transition:left .3s ease;flex-direction:column-reverse;padding:0 0 0 30px}.site-navigation .menu-content-container li{height:65px;display:flex;align-items:center}.site-navigation .menu-content-container ul{flex-direction:column;justify-content:flex-start;padding:20px 0 0}.site-navigation .menu-content-container ul a{width:100%;padding:0;color:#bb86fc}.site-navigation .menu-content-container .menu-avatar-container,.site-navigation .menu-content-container li,.site-navigation .menu-content-container ul{width:100%}.site-navigation .menu-content-container .menu-avatar-container{padding-top:20px}.site-navigation .menu-content-container .menu-avatar,.site-navigation .menu-content-container .menu-avatar-name{color:#bb86fc}.site-navigation .menu-content-container.active{left:0}.site-navigation .menu-icon{display:flex}}
/*# sourceMappingURL=main.8402de5f.chunk.css.map */