@import url(https://fonts.cdnfonts.com/css/dragon-knight);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Silkscreen&display=swap);@import url(https://fonts.cdnfonts.com/css/pf-tempesta-seven-compressed);@import url(https://fonts.cdnfonts.com/css/wellfleet);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}html{zoom:70%}body{background-color:#08004d}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}h1{font-family:PF Tempesta Seven Compressed,sans-serif}h1,h3,p{color:#faebd7}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.BarContainer{align-items:flex-end;align-self:center;background-color:rgba(0,62,162,.783)!important;border:2px solid #000;box-shadow:0 0 10px #000;overflow-x:auto}.BarContainer,.tutorial{border-radius:15px;display:flex;height:500px;justify-content:center;margin:10px 20px 20px}.tutorial{align-items:center;background-color:rgba(0,13,58,.1);border:2px solid #000;color:#fff;flex-direction:column;text-align:center}.array-bar{border-right:10px solid #523fff;box-shadow:5px -5px 5px rgba(0,0,0,.738);color:#fff;cursor:pointer;display:inline;margin:2px;-webkit-transform:rotateX("90deg");transform:rotateX("90deg");transition:.1s;width:30px!important}.array-bar:hover{background-color:red!important;border-right:10px solid #ff3f3f!important;margin:10px;padding-top:4px;transition:.3s}.btns>button{background-color:#19008b;border:2px solid #020088;border-radius:12px;box-shadow:0 0 20px #11003b;color:#f5f5f5;cursor:pointer;font-family:Ubuntu Mono,monospace;font-size:large;font-weight:300;margin-right:1rem;margin-top:1em;outline:none;padding:1rem 1.8rem;transition:.1s}button:hover{font-size:100%}#genArrIntro:hover,button:hover{background-color:#230095;border-color:#543aff;box-shadow:0 0 10px #000;padding:.9rem 1.7rem;transition:.1s}#genArrIntro:hover{font-size:99%}button:active:after{background-color:#181818}.info{align-content:space-between;align-items:center;background-color:rgba(0,62,162,.783)!important;border:2px solid #000;border-radius:15px;box-shadow:0 0 10px #000;box-sizing:initial;display:inline-flex;flex-direction:row;font-family:Ubuntu Mono,monospace;height:40px;justify-content:flex-end;justify-items:center;margin:20px 20px 0}.info>*{margin-left:0;padding:10px 10px 10px 5px}p{font-weight:500}.slider{-webkit-appearance:none;background:#d3d3d3;border-radius:40px;height:25px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#004cff;border-radius:50px;cursor:pointer;height:25px;width:25px}.slider::-moz-range-thumb{background:#04aa6d;border-radius:50px;cursor:pointer;height:25px;width:25px}@-webkit-keyframes example{30%{color:#04aa6d;opacity:80%;padding-bottom:0}50%{color:#f4f400}to{color:#ff0;opacity:100%}}@keyframes example{30%{color:#04aa6d;opacity:80%;padding-bottom:0}50%{color:#f4f400}to{color:#ff0;opacity:100%}}.intro-heading{-webkit-animation:example 3s ease-in;animation:example 3s ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;font-family:Dragon Knight,sans-serif;font-size:5rem;margin-bottom:0;padding-bottom:1rem}.header{font-size:2.5rem;text-align:center}p{font-family:Ubuntu Mono,monospace;font-size:x-large}.user{font-family:Wellfleet,sans-serif;font-size:.8em;font-weight:600}@-webkit-keyframes btnAnim{50%{background-color:#04aa6d}}@keyframes btnAnim{50%{background-color:#04aa6d}}#genArrIntro{background-color:#19008b;border:2px solid #020088;border-radius:12px;box-shadow:0 0 20px #11003b;color:#f5f5f5;cursor:pointer;font-family:Ubuntu Mono,monospace;font-size:large;font-weight:300;margin-right:1rem;margin-top:1em;outline:none;padding:1rem 1.8rem;transition:.1s}#genArr:first-child,#genArrIntro{-webkit-animation:btnAnim 2s ease-in;animation:btnAnim 2s ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.footer{border-top:2px solid #f5f5f5;margin:2em auto auto;padding-top:1em;text-align:center;width:100%}#genArrText{background-color:#19008b;border:2px solid #020088;border-radius:12px;box-shadow:0 0 20px #11003b;color:#f5f5f5;display:inline-block;font-size:larger;font-weight:300;margin-left:.5em;outline:none;padding:1rem 1.8rem}@media screen and (max-width:860px){p{font-size:1.3em!important}.BarContainer{background-color:#04aa6d}body{font-size:90%!important}.tutorial{padding:1em}.slider{width:90%}.info{align-items:center;justify-content:center;width:92%}.btns{padding:10px}#genArrText{margin-top:1em}}
/*# sourceMappingURL=main.92e9c7f8.css.map*/