@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.cdnfonts.com/css/ocr-a-extended";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.iconBlob{background-color:#a4a4a43d;transition:.2s;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:20px;margin-top:20px;width:50px;height:50px}.iconBlob:hover,#active.iconBlob{border-radius:20px;background-color:#0aaf78}.sideBarGrid{width:70px;height:100%;background-color:#1d1d21;display:flex;justify-content:center;padding:0;margin:0;position:fixed;top:0;left:0;border-radius:1px}.profilePicture{position:absolute;bottom:20px;width:45px;height:45px;border-radius:100%;margin-left:2px;cursor:pointer}.profilePicture:hover img{opacity:50%;transition:.2s}li::marker{width:0px;height:0px;color:transparent;margin:0;position:absolute}li{display:block}.featureContainer{position:fixed;right:29px;top:28px;display:flex}.calculatorButton{position:relative;width:254px;height:50px;background:#0aaf78;box-shadow:0 0 26px #01ffb34d;border-radius:10px;cursor:pointer;display:flex;transition:.4s;margin-right:8px}.featureBox{width:50px;height:50px;background:#29292f;border-radius:10px;margin-inline:8px}.interTextThatDissapear{font-family:Inter;font-weight:500;font-size:20px;color:#18181b}.convenientBoxForEverythingBelowGoodMorningText{position:absolute;left:110px;top:120px;width:90svw}.text1{font-family:Inter;color:#ffffffb3;font-weight:900;font-size:32px;position:fixed;top:110px;left:110px}.text2{font-family:Inter;color:#ffffffb3;font-weight:900;font-size:32px;position:fixed;top:600px;left:110px}@media only screen and (max-width: 1030px){.featureContainer{left:110px;top:80px}.text1{top:125px}}@media only screen and (max-width: 579px){.featureContainer{left:110px;top:125px}.convenientBoxForEverythingBelowGoodMorningText{position:absolute;left:110px;top:160px}.text1{top:165px}}.calculatorSvg{margin-left:14px}@media only screen and (max-width: 540px){.featureContainer{left:110px;top:125px}.interTextThatDissapear{scale:0;width:0px}.calculatorButton{width:50px}.calculatorSvg{position:absolute;left:-1px}}@media only screen and (max-width: 400px){.featureContainer{left:110px;top:165px}.convenientBoxForEverythingBelowGoodMorningText{position:absolute;left:110px;top:200px}.text1{top:210px}.text2{top:640px}}.calculatorButton:hover{box-shadow:0 0 36px #01ffb373}.interText{font-family:Inter;font-weight:500;font-size:20px;color:#18181b}.aboutBox{background:#29292f;border-radius:20px;height:363px}.aboutBoxGradient{background:linear-gradient(180deg,#29292f00,#29292f 69.27%)}.aboutAboutText{font-family:Share Tech Mono,monospace;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#fff;position:absolute;margin-left:23px;top:180px}.selectedActionText{font-family:Inter,sans-serif;font-style:normal;font-weight:900;font-size:36px;line-height:44px;color:#fff}.compileButton{background:#29292f;border-radius:10px;height:min-content;border:transparent;font-family:OCR A Extended,sans-serif;color:#fff;font-style:normal;font-weight:400;font-size:20px;line-height:21px;padding:10px;cursor:pointer}.codeBlockTitle{width:250px;height:50px;background:#29292f;border-radius:10px 0 0;display:flex}.codeBlockTitle h1{font-family:OCR A Extended;font-style:normal;font-weight:400;font-size:20px;line-height:21px;color:#fff;margin-left:17.5px}.codeBlockPolygon{margin-top:-1px}.codeTableText{font-family:OCR A Extended;font-style:normal;font-weight:400;font-size:20px;line-height:21px;color:#fff;margin:10px 0 11px 16px;padding:0;background-color:transparent;outline:transparent;border:transparent}.codeCheck{font-weight:400;font-size:20px;line-height:21px;margin:10px 0 11px 16px;padding:0;background-color:#0aaf78}.codeCheck:after{background-color:#0aaf78;margin-top:500px}.runEditorTab{height:30px;transition-delay:.5s;min-width:106.74px;margin-right:2.63px;background:#29292f;border-radius:10px 10px 0 0;align-items:center;justify-items:center;display:grid}#active.runEditorTab{transition-delay:.5s;height:30px;min-width:106.74px;margin-right:2.63px;background:#0aaf78;border-radius:10px 10px 0 0;align-items:center;justify-items:center;display:grid}#active.runEditorTab input{font-family:OCR A Extended;font-style:normal;font-weight:400;font-size:20px;line-height:21px;color:#fff;padding:0;width:106.74px;background-color:transparent;outline:transparent;border:transparent;margin:0 0 0 10px;z-index:5}#active.runEditorTab input::placeholder{font-family:OCR A Extended;font-style:normal;font-weight:400;font-size:20px;line-height:21px;color:#fff}.runEditorTab input::placeholder{font-family:OCR A Extended;font-style:normal;font-weight:400;font-size:20px;line-height:21px;color:#adadad}.runEditorTab input{width:106.74px;background-color:transparent;outline:transparent;border:transparent;font-family:OCR A Extended;font-style:normal;font-weight:400;font-size:20px;line-height:21px;color:#adadad;padding:0;margin:0 0 0 10px;z-index:5}#activeTabEdit.tabEdit{background-color:#29292f}.tabEdit{height:0px;visibility:hidden;transition:.1s;margin-top:30px;display:flex;width:500px}.tabEdit:hover{visibility:visible;height:60px;margin-top:0;display:flex}.tabHover:hover>.tabEdit{display:flex;visibility:visible;background-color:red;height:60px;margin-top:0}.idontlikereact svg{width:23px;height:23px}.colorTing{margin-top:30px;height:118px;position:absolute;pointer-events:none}label{display:inline-block;padding:10px;background-color:transparent;color:#fffc;border-radius:10px;cursor:pointer;font-weight:400;font-family:Inter;transition:.05s}label:hover{color:#fff;font-weight:600}label.selected{background-color:#fff;color:#3b3b41;font-weight:800}.gearIcon{cursor:pointer;transition:all .5s;opacity:.4}#selected{cursor:pointer;transform:rotate(90deg);opacity:.8}.input-setting{color:#000;opacity:1;font-size:11px}.input-setting{color:#fff;z-index:1000;opacity:1;height:20px;background-color:transparent;outline:none;border:2px white solid;border-radius:5px}.settingdivthing{color:#fff}.settingdivthing .numberInput{outline:none;box-shadow:none;border:none;text-shadow:none;color:#fff;border-radius:4px}.freefrance{font-size:12px;font-family:Inter}.blockStorer{position:absolute;display:contents;height:100%;margin-left:70px}.topBar{width:95%;z-index:1;margin:-10px 0 0;padding:0;height:80px;position:relative;display:flex;justify-items:center;align-items:center;background-color:#18181b;border-radius:15px;left:calc(100% - 400px)}.whoIsThatOtherGuyStandingInfrontOfMyHouse{right:32px;margin-right:-60px}@media only screen and (max-width: 540px){.topBar{width:95%;z-index:1;margin:-10px 0 0;padding:0;height:80px;position:relative;display:flex;justify-items:center;align-items:center;background-color:#18181b;border-radius:15px;left:calc(100% - 230px)}.topActionText{display:none;width:0px;scale:0}.topHover1{padding-right:1rem}.whoIsThatGuyStandingInfrontOfMyHouse{display:none}}@media only screen and (max-width: 1260px){.whoIsThatGuyStandingInfrontOfMyHouse{display:none}.whoIsThatOtherGuyStandingInfrontOfMyHouse{margin-top:-90px;position:absolute;right:0;margin-right:0;left:140px;align-content:center;justify-content:center;flex-wrap:wrap;display:flex}}.scoreContainer{width:131px;height:45px;background:#29292f;border-radius:10px;display:flex;padding:0;margin:0;justify-content:center}.mainMissionContainer{height:fit-content;width:356px;margin-top:30px;z-index:0;padding-left:0;margin-left:0;border-radius:12px;background-color:#29292f}.mainMissionContainer h1{font-family:Inter;font-style:normal;font-weight:900;font-size:40px;text-align:center;color:#29292f;margin-bottom:0;margin-top:8px;margin-left:22px}.IDContainer{width:100px;height:60px;background:#fff;border-radius:30px 0;position:absolute;margin:0;display:flex}.mainMissionContainer h2{font-size:30px;position:relative;border-radius:12px;margin:0;padding:0;z-index:0;width:100px;color:#40f3a84b;font-family:"M PLUS 1 Code",sans-serif}.taskName{font-family:Inter;font-style:normal;font-weight:700;font-size:min(6vw,35px);color:#fff;position:absolute;margin-top:6px;margin-left:110px}.taskDescription{font-family:Inter;font-style:normal;font-weight:400;font-size:20px;width:90%;color:#ffffffe6}.taskContainer{width:712px;display:grid;grid-template-columns:50% 50%}.taskImageContainer{width:712px;margin-top:30px;margin-left:-356px;background:#1d1d21;border-radius:30px;justify-items:center;align-items:center;display:flex}.scoreText{font-family:Inter;font-style:normal;font-weight:900;font-size:20px;line-height:24px;color:#fff;margin-inline:5px;margin-top:10px}.topActionText{width:73px;height:24px;font-family:Inter;font-style:normal;font-weight:700;font-size:20px;line-height:24px;margin-left:11px;color:#18181b;pointer-events:none}.topHover1{cursor:pointer;transition:.2s;outline:none;border:none}.topHover1:hover{opacity:.9;outline:none;border:none}.percentageText{font-family:Inter;font-style:normal;font-weight:900;font-size:26px;text-align:center;color:#29292f;margin:0}.statContainer{transform:rotate(90deg);max-height:30px;height:30px;max-width:30px;width:30px;justify-items:center;align-items:center;display:flex;justify-content:center;position:absolute}.timer{position:fixed;height:45px;bottom:18px;right:44px;background:#29292f;border-radius:10px}.togglePlay{position:absolute;opacity:1;top:12.5px;left:12.5px;transition:.3s;cursor:pointer}.togglePlay:hover{opacity:.7}.errText{font-family:Inter;font-style:normal;font-weight:900;font-size:20px;line-height:24px;color:#fff;margin:50px 10px 20px 50px}.errButton{background:#fff;border-radius:10px;outline:none;border:none;transition:.2s;margin-bottom:15px;font-family:Inter;font-style:normal;font-weight:700}.errButton:hover{background:#eae8e8;outline:none;border:none}.errButton:after{outline:none;border:none}.errButton:focus{outline:none;border:none}.okayThesePeopleStandingInfrontOfMyHouseAreGettingOutOfHand{font-family:Inter,sans-serif;font-style:normal;font-weight:900;font-size:36px;line-height:44px;color:#fff;margin-top:-125px}@media only screen and (max-width: 800px){.whoIsThatOtherGuyStandingInfrontOfMyHouse{margin-top:-90px;position:absolute;right:0;margin-right:0;left:140px;align-content:center;justify-content:center;flex-wrap:wrap;display:flex}.taskImageContainer{display:none}.taskContainer{width:355px}}@media only screen and (max-width: 670px){.whoIsThatOtherGuyStandingInfrontOfMyHouse{margin-top:-90px;top:50px;position:absolute;right:0;margin-right:0;left:140px;align-content:center;justify-content:center;flex-wrap:wrap;display:flex;padding-bottom:50px}.okayThesePeopleStandingInfrontOfMyHouseAreGettingOutOfHand{display:none}}.iReallyLikeBeens{margin-left:20px}.noImSerioulsyGonnaDoSomethingAboutAllThesePPL{margin-left:40px}.iLikeBeens{margin-left:5px}.iReallyLikeBeens{width:90px}@media only screen and (max-width: 447px){.mainMissionContainer{width:68svw}.noImSerioulsyGonnaDoSomethingAboutAllThesePPL{width:0px;scale:0}.iLikeBeens{margin-left:13px}.iReallyLikeBeens{width:50px}}.sideWaysText{font-family:Inter;font-style:normal;font-weight:900;font-size:12px;line-height:15px;text-align:center;letter-spacing:.335em;text-transform:uppercase;transform:rotate(-90deg)}.scoreInputText{color:#ffffffd4;background-color:transparent;text-align:left;border:none;width:100%;margin-bottom:10px}.scoreInputText:after{border:none}.scoreInputText:focus{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.sign-in{bottom:20px}@media only screen and (max-width: 750px){.sign-in{bottom:160px}}.toolbar{width:57px;background:#29292f;border-radius:0 10px 10px 0;color:#29292f;display:grid;grid-auto-columns:100%;grid-auto-rows:50px 50px;justify-items:center;position:fixed;left:0;top:0;padding-block:10px;height:100svh;margin:0;z-index:1}.fieldElement{margin-left:57px}.coder-area{background-color:#18181b;position:absolute;right:0;top:0;height:80%;width:calc(100svw - 100svh - 57px);overflow-y:auto;overflow-x:hidden}.nice-input{background-color:#71717a57;color:#d9d9d9;border:1px solid #d9d9d9;border-radius:5px;padding:5px;margin:5px;width:60px;height:13px;outline:none;border:none;font-family:JetBrains Mono,monospace}.export-section{margin-right:100px;width:calc(100svw - 100svh - 57px);position:absolute;left:0;margin-top:135px;display:flex;flex-direction:column;align-items:center}.bottom-area{position:absolute;border-top:white 2px solid;right:0;bottom:0;height:20%;width:calc(100svw - 100svh - 57px);display:flex;flex-direction:row;justify-content:space-between;background-color:#29292f;color:#d9d9d9;padding:0}.toolbar{width:70px;background:#29292f;border-radius:0 10px 10px 0;color:#29292f;display:grid;grid-auto-columns:100%;grid-auto-rows:50px 50px;justify-items:center;position:fixed;left:0;top:0;padding-block:10px;height:100svh;margin:0;z-index:1}.fieldElement{margin-left:70px}.actionDiv{width:75%;align-items:center;justify-items:center;display:inline-grid;margin:5px;aspect-ratio:1/1;border-radius:5px}.actionDiv:hover{background-color:#ffffff29;cursor:pointer}.actionDivSelected{width:75%;align-items:center;justify-items:center;display:inline-grid;margin:5px;aspect-ratio:1/1;border-radius:5px;background-color:#0aaf78;cursor:pointer;transition:.2s}.coder-area{background-color:#18181b;position:absolute;right:0;top:0;height:80%;width:calc(100svw - 100svh - 70px);overflow-y:auto;overflow-x:hidden}.instructions{position:absolute;top:0;width:100%;display:flex;flex-direction:column}.instruction-block{background-color:#d9d9d904;border-bottom:2px solid #d9d9d9;height:205px;padding:5px 0 0 20px}.mono{font-family:JetBrains Mono,serif;font-optical-sizing:auto;font-style:normal;font-size:16px;color:#fff}.type-container{display:flex;flex-direction:row;justify-content:left;margin-top:35px;margin-left:0}.table-div{display:flex;flex-direction:row;margin-top:10px;margin-left:0}.row-div{display:flex;flex-direction:column;height:100%;width:33%}.cell-div{display:grid;width:90%;grid-template-columns:70% 30%;align-items:center}.nice-input{background-color:#71717a70;color:#d9d9d9;border:1px solid #d9d9d9;border-radius:5px;padding:5px;margin:5px;width:60px;height:13px;outline:none;border:none;font-family:JetBrains Mono,monospace}.export-section{margin-right:100px;width:calc(100svw - 100svh - 70px);position:absolute;left:0;margin-top:135px;display:flex;flex-direction:column;align-items:center}.codeSnippet{display:flex;flex-direction:row;justify-content:center;width:100%}.bottom-area{position:absolute;border-top:white 2px solid;right:0;bottom:0;height:20%;width:calc(100svw - 100svh - 70px);display:flex;flex-direction:row;justify-content:space-between;background-color:#29292f;color:#d9d9d9;padding:0}.configDiv{background-color:#2d2d2d;border-radius:20px;padding:20px;width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center}