@import url(https://fonts.cdnfonts.com/css/exo-4);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}.App{overflow-x:hidden}body::-webkit-scrollbar{width:0}body::-webkit-scrollbar-thumb{background:#0000}.hero{height:100vh}.blurry-background,.hero{overflow:hidden;position:relative}.blurry-background{animation:gradience 8s ease infinite;background-color:#0093e9;background:linear-gradient(-45deg,#0093e9,#80d0c7,#105682);background-size:400% 400%;height:100%;width:100%}.hero-content{border-radius:10px;color:#000;left:50%;opacity:80%;padding-left:3%;padding-right:3%;padding-top:1%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.title{animation:typing 2.5s steps(40),blink-caret .75s step-end infinite;border-right:.1em solid #00008b;font-family:Exo,sans-serif;font-size:6rem;font-weight:400;margin:0 auto;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#00008b}}@media (max-width:768px){.title{font-size:4rem}}@media (max-width:355px){.title{font-size:3rem}}@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}@property --gradX{syntax:"<percentage>";initial-value:50%;inherits:true}@property --gradY{syntax:"<percentage>";initial-value:0;inherits:true}:root{--d:2500ms;--angle:90deg;--gradX:100%;--gradY:50%;--c1:#a8efff;--c2:#a8efff1a}.form-container{align-content:center;align-items:center;align-self:center;margin-left:auto;margin-right:auto;text-align:center;width:100%}.input-div{animation:initialise 3s forwards,flicker 1s infinite alternate-reverse;animation-delay:1s;border:2px solid #0000;border-radius:3%}.input-div,.input-div-upload{align-items:center;display:flex;height:50px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:20px;width:200px}.input-div-upload{animation:upload 1s forwards,uploadFlicker 3s infinite forwards;border:2px solid #00008b;border-radius:3%;color:#000;font-weight:400;padding:100px}.icon-upload{color:#00008b}.icon-upload,.icon-upload-hover{animation:iconflicker 4s linear infinite;animation-delay:1s;cursor:pointer;font-size:2rem;opacity:0}.icon-upload-hover{color:#fff}@keyframes upload{0%{background-color:initial;font-size:20px;padding:0}25%{background-color:#00008b;font-size:40px;padding:100px}to{background-color:initial;font-size:20px;padding:0}}@keyframes uploadFlicker{0%{opacity:1}5%{background-color:#00008b;color:#fff;opacity:.2}10%{background-color:initial;color:#000;opacity:1}15%{background-color:#00008b;color:#fff;opacity:.2}20%{background-color:initial;color:#000;opacity:1}to{background-color:initial;color:#000;opacity:1}}.input{box-sizing:border-box;cursor:pointer!important;height:75px;margin-bottom:20px;opacity:0;position:absolute;width:200px}@keyframes flicker{0%{border:2px solid #00008b;box-shadow:0 0 10px #00008b,inset 0 0 10px #00008b,0 0 5px #fff;transform:translateY(0)}to{border:2px solid #00008b;transform:translateY(-5px)}}@keyframes iconflicker{0%{opacity:1}5%{opacity:.2}10%{opacity:1}15%{opacity:.2}20%{opacity:1}to{opacity:1}}.icon-upload:hover,.input-div-upload:hover,.input-div:hover{background-color:#00008b;color:#fff}.button-submit{--font-color:#fefefe;--bg-color:#111;--main-color:#fefefe;background-color:var(--bg-color);border:2px solid var(--main-color);border-radius:5px;box-shadow:4px 4px var(--main-color);color:var(--font-color);cursor:pointer;font-size:17px;font-weight:600;height:40px;width:120px}.button-submit:active{box-shadow:0 0 var(--main-color);transform:translate(3px,3px)}.dropdown-container{margin:20px}.dropdown{border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:16px;outline:none;padding:10px;width:250px}.dropdown,.dropdown option{background-color:#f5f5f5;color:#333}.dropdown:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.content{animation:initialise 3s forwards;justify-content:center}.content,.section_container{height:100%;width:100%}.row{display:flex;margin-bottom:25px}.bar{animation:gradience 8s ease infinite;background:linear-gradient(-45deg,#00008b,skyblue,#105682);background-size:200% 200%;margin-bottom:60px;margin-top:40px;padding-top:3px;width:100%}@keyframes initialise{0%{opacity:0}to{opacity:100%}}@keyframes gradience{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.chart_div{flex:2 1;height:50%;width:75%}.chart_text{flex:1 1;font-weight:400;margin:auto 10px;width:25%}.chart_text,.text_container_main{word-wrap:break-word;font-family:Exo,sans-serif}.text_container_main{color:#105682;font-size:45px;font-weight:700;margin-bottom:0;margin-left:10px;margin-top:10px;text-decoration:underline;width:100%}.JSON-text{justify-content:center;left:0;position:relative;right:0;text-align:center}.comments{margin-left:20px}.results-text{animation:initialise 3s forwards,flicker 1s infinite alternate-reverse;font-family:Exo,sans-serif;font-size:100px;font-weight:700;margin-top:0;padding-bottom:10px;padding-top:10px;text-align:center}.button-container{animation:blackTrans .25s forwards}.button-container,.button-container-active{align-items:center;background-color:initial;display:flex;height:60px;justify-content:space-around;position:fixed;width:100vw;z-index:9999}.button-container-active{animation:transBlack .5s forwards}@keyframes blackTrans{0%{background-color:#000}to{background-color:initial}}@keyframes transBlack{0%{background-color:initial}to{background-color:#000}}.button{align-items:center;background-color:initial;border:0!important;border-radius:2%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0!important;transition:all .3s ease-in-out;width:10%}.button:hover{background-color:#00008b;transform:translateY(-2px)}.icon{font-size:20px}.about-section{background-color:#f7f7f7;border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:Exo,sans-serif;padding:40px}.content{align-items:center;display:flex}.text{flex:1 1}.about-section h2{font-size:28px;margin-bottom:20px}.about-section p{font-size:18px;line-height:1.6;margin-bottom:15px}.image-container{margin-left:40px}.about-image{height:auto;max-width:100%}.main{display:flex;flex-direction:column;gap:.5em}.down,.up{display:flex;flex-direction:row;gap:.5em}.card1{background:#fff;border:none;border-radius:90px 5px 5px 5px;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;height:90px;outline:none;transition:.2s ease-in-out;width:90px}.instagram{fill:#cc39a4;margin-left:1.2em;margin-top:1.5em}.card2{background:#fff;border:none;border-radius:5px 90px 5px 5px;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;height:90px;outline:none;transition:.2s ease-in-out;width:90px}.twitter{fill:#03a9f4;margin-left:-.9em;margin-top:1.5em}.card3{background:#fff;border:none;border-radius:5px 5px 5px 90px;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;height:90px;outline:none;transition:.2s ease-in-out;width:90px}.github{margin-left:1.2em;margin-top:-.6em}.card4{background:#fff;border:none;border-radius:5px 5px 90px 5px;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;height:90px;outline:none;transition:.2s ease-in-out;width:90px}.discord{fill:#8c9eff;margin-left:-1.2em;margin-top:-.9em}.card1:hover{background-color:#cc39a4;cursor:pointer;scale:1.1}.card1:hover .instagram{fill:#fff}.card2:hover{background-color:#03a9f4;cursor:pointer;scale:1.1}.card2:hover .twitter{fill:#fff}.card3:hover{background-color:#000;cursor:pointer;scale:1.1}.card3:hover .github{fill:#fff}.card4:hover{background-color:#8c9eff;cursor:pointer;scale:1.1}.card4:hover .discord{fill:#fff}
/*# sourceMappingURL=main.eadd0d6e.css.map*/