body,html{-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;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.default-padding{margin-bottom:1%}.main-body{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh;overflow-x:hidden}.background{height:100vh;position:fixed;width:100vw;z-index:-1}.font{font-size:24px}.information-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff;font-size:calc(5px + 2vmin);margin:1% calc(1% + 40vmin);opacity:0;padding:1%;text-align:left;transform:translateY(5%);transition:transform .5s ease-out,opacity 1s ease-out}.information-box.fade-in{opacity:1;transform:translateY(0)}.about-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff;border-radius:0 20px 20px 0;cursor:pointer;position:absolute;top:50%;transition:1s}.about-box,.about-box.start{font-size:calc(5px + 2vmin);height:10%;padding:1%;width:10%}.about-box.start{animation:bounceIn .5s ease-out forwards;border:1px solid #fff}.about-box.clicked{animation:bounceOut 1s ease-out forwards;border:1px solid #fff;padding:1%}@keyframes bounceIn{0%{opacity:0;transform:translateX(-100%)}75%{opacity:1;transform:translateX(20%)}to{opacity:1;transform:translateX(0)}}@keyframes bounceOut{0%{opacity:1;transform:translateX(0)}50%{opacity:1;transform:translateX(20%)}to{opacity:0;transform:translateX(-100%)}}.algorithm-box{background-color:#1d262b;border:1px solid #fff;display:grid;flex-wrap:wrap;grid-auto-flow:row;grid-template-columns:0;margin:20px calc(20px + 40vmin);padding:20px;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}.box{align-items:center;background-color:#e0e0e0;border:1px solid #757575;display:flex;height:25px;justify-content:center;transition:.5s;width:25px}.box:hover{background-color:#757575}.box.selected{background-color:grey}.box.algSeen{background-color:#645375}.box.algCheck{background-color:#3e0775}.box.destination{background-color:darkred}.box.start{background:#006400}.box.path{background:#2196f3}.popup{background-color:#000000b3;border-radius:8px;box-shadow:5px 5px 10px #000000b3;color:#fff;cursor:default;font-size:calc(4px + 2vmin);left:20%;padding:20px;position:fixed;right:20%;top:20%;-webkit-user-select:none!important;user-select:none!important;z-index:10}@media (max-width:1000px){.algorithm-box{padding:10px}.box{height:12px;width:12px}.popup{font-size:calc(5px + 3vmin);left:10%;right:10%}.information-box{font-size:calc(4px + 2vmin);margin:20px 10px}.about-box,.about-box.clicked,.about-box.start{font-size:calc(4px + 2vmin);height:5%;width:20%}.algorithm-box{margin:20px 10px}.MuiTab-root{min-width:48px!important;width:90px}}@media (max-width:500px){.algorithm-box{padding:10px}.box{height:12px;width:12px}.popup{left:10%;right:10%;top:10%}.information-box,.popup{font-size:calc(5px + 3vmin)}.information-box{margin:20px 5px}.about-box{font-size:calc(3px + 2vmin);height:30%;top:90%;width:30%}.algorithm-box{margin:20px 5px}.MuiTab-root{width:72px}}.App{overflow:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.929af643.css.map*/