/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.invisible{visibility:hidden}.visible{visibility:visible}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}}*{box-sizing:border-box}:root{--background-color:#dbb691;--primary-color:#fdb546;--secondary-color:#f4eddf;--deep_brown:#a15e21;--text-color:#a15e21;--transparent-white:#fffc;--transparent-white-lighter:#ffffff80;--radius-s:8px;--radius-m:16px;--radius-l:24;--radius-r:50%;--box-shadow-l:0px 8px 16px 0px #0003}body,html,#root{background-color:var(--background-color);color:var(--text-color);height:100%;margin:0;padding:0;font-family:Monaco,monospace;line-height:1.5}p{margin-bottom:10px}h2{text-align:center;margin-bottom:10px;font-size:1.3em;font-weight:700}h3{margin-bottom:10px;font-size:1.2em;font-weight:700}code{white-space:pre-wrap;overflow-wrap:anywhere;background-color:#fff;border-radius:3px}pre{background-color:#fff;margin:20px 10px;padding:10px;line-height:1.8}h4{margin-bottom:10px;font-size:1.1em;font-weight:700}ul{padding-bottom:20px;padding-left:40px;list-style-type:disc}html{scroll-behavior:smooth}#menu-icon{font-size:30px}.active{background-color:#e4d7bf}.nav{cursor:pointer;z-index:1;width:40px;height:40px;box-shadow:var(--box-shadow-l);background-color:#fff4e6b3;padding:5px;position:fixed;top:8px;right:5px}.nav-icon{cursor:pointer}.nav-dropdown{box-shadow:var(--box-shadow-l);background-color:#f9f9f9;width:100px;position:absolute;top:100%;right:0}.nav-dropdown a{color:#a15e21;justify-content:center;padding:3px;text-decoration:none;display:block}.nav-dropdown a:hover{background-color:#ddd}.homePage{background-image:url(https://i.postimg.cc/G2XdCmNJ/Sample.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex}#title{background-color:bisque;margin-top:100px;padding-left:10px;padding-right:10px;font-size:70px;box-shadow:10px 10px 8px 5px #0000004d}.container{grid-template-rows:repeat(2,auto);place-items:center;gap:100px;display:grid}.header{justify-content:center;gap:30px;display:flex}.buttons{flex-direction:column;align-items:center;gap:30px;display:flex}.alien-beige,.alien-yellow{border-radius:50%;width:100px;height:100px;box-shadow:0 50px 8px 5px #ffffff95}.gameButton{color:#a15e21;text-align:center;background-color:bisque;border:none;border-radius:5px;width:300px;padding:10px;font-size:38px;font-weight:700;box-shadow:10px 10px 8px 5px #0000004d;font-family:Economica,sans-serif!important}#lessonPage{z-index:-1;width:100vw;height:100vh;position:absolute}#levelsPageContainer{overflow:hidden}.levelTitles{padding-left:2%;font-family:Monaco,monospace;font-size:35px;font-weight:700;position:relative}.levelReminder{color:#5a2e0f;background-color:#fff4e6;border-radius:10px;padding:1%;font-size:20px;font-weight:700;position:absolute;box-shadow:0 3px 10px #a15e2180}.levelReminder2{width:650px;top:15%;left:700px}.levelReminder1{width:510px;top:20%;left:3%}.levelReminderPointDown{font-size:50px;position:absolute}.levelReminderPointDown1{top:30%;left:160px}.levelReminderPointDown2{top:27%;left:750px}.levelBox{scroll-behavior:smooth;background-color:#fdb546;flex-direction:row;width:100%;height:100%;display:flex;position:absolute;overflow-x:auto}.levelContainer{background-color:#fff;border-radius:20px;flex-direction:column;flex:1 0 550px;gap:1px;height:95%;margin:1%;padding-left:1%;padding-right:1%;display:flex}.level{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:1%;width:100%;padding:10px;display:flex}.levelMoveRight{text-align:center;color:#a15e21;border:none;flex-direction:column;font-family:Monaco,monospace;font-size:1.2em;display:flex}.levelGoToRightArrow{padding:15px;font-size:7em}.imageWrapper_Door{border:none;flex-direction:column;width:35vh;height:45vh;padding:50px 10px;display:flex;overflow:hidden}.imageWrapper_Arrow{border:none;flex-direction:column;width:35vh;height:10vh;padding:50px 10px;display:flex;overflow:hidden}.levelDoor{cursor:pointer;transform:scale(1.5)translate(20%,-44%)}.levelArrow{cursor:pointer;transform:scale(1.5)translate(3%,-69%)}.stageName{text-align:center;color:#5a2e0f;width:100%;font-family:Monaco,monospace;font-size:15px;font-weight:700;text-decoration:none}.note_main{flex-direction:row;width:100%;height:100vh;display:flex}aside{border-right:1px solid #ddd;width:30%;height:100vh;padding:5px}.note_main main{background-color:#f5efe4;width:70%;height:100vh;padding:5px}.note_main main header{border-bottom:2px solid #ddd;outline:none;justify-content:space-between;width:100%;padding:5px;font-size:20px;display:flex}.note_main input{outline:none;width:70%;height:20%;padding:5px}.note_save{border-radius:15%;margin-right:50px;padding:2px 5px;font-size:.8em;box-shadow:0 3px 10px #9a9797}main textarea{resize:none;border:none;outline:none;width:100%;height:90%;padding:5px;display:block}.sidebar_header{background-color:#000;justify-content:space-between;align-items:center;padding:10px;display:flex}.sidebar_notes{flex-direction:column;gap:5px;display:flex}.sidebar_note{background-color:#fff;padding:10px}.sidebar_note:hover{background-color:#e2d2d2}.sidebar_note_title{justify-content:space-between;align-items:center;display:flex}.sidebar_note_content{font-size:.8em}.active{background:#e2d2d2}.note_title{color:#00f}.note_delete{color:red;border-radius:10%;padding:0 5px;font-size:.8em}.note_delete:hover{background-color:#fff}.sidebar_note_content{color:gray}.note_meta{color:gray;font-size:.7em}.levelPage_header{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.levelPage_header h1{text-align:center;grid-column:2;font-weight:700}.nextCourseButton{color:#a15e21;background:#f4eddf;border-radius:30%;grid-column:3;justify-self:end;width:80px;margin-right:40px;padding:2px}.level_main{background-color:inherit;text-align:center;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.lesson{background:#fdb546;grid-template-rows:1fr 10fr 1fr;align-items:center;width:98%;height:98%;padding:0 10px;display:grid;overflow:hidden}.lessonMiddle{justify-content:flex-start;align-items:center;align-content:top;text-align:left;white-space:pre-line;background:#f4eddf;flex-direction:column;width:100%;height:100%;padding:10px 20px;list-style-type:decimal;display:flex;overflow-y:auto}.lessonMiddle ol{padding-left:50px;line-height:1;list-style-type:decimal}.lessonMiddle li{margin:0;padding:0}.buttonRow{flex-direction:row;place-content:center;gap:10px;display:flex}.lessonButton{cursor:pointer;border-radius:10%;width:35px;height:35px;font-size:1.2em;font-weight:700;transition:transform .4s}.biegeButton{color:#a15e21;background-color:#f4eddf}.orangeButton{color:#f4eddf;background-color:#ed8b1c}.brownButton{color:#f4eddf;background-color:#a15e21}.active-button,.lessonButton:hover{color:#000;background-color:#fff6;border-bottom:2px solid #fff;transform:translateY(-7px)}.consoleOutput{color:#000;background-color:#fff;border:1px solid #ccc;border-radius:5px;grid-template-rows:auto 1fr;min-height:170px;margin-bottom:10px;display:grid;overflow:auto}.consoleTitle{background-color:#dcdcdc;border:1px solid #ccc;padding:0 10px;line-height:3;-webkit-text-decoration:underline #1e90ff;text-decoration:underline #1e90ff;text-decoration-thickness:3px}.consoleContent{flex-direction:column;padding:10px;display:flex}.consoleContentItems{box-sizing:border-box;border-bottom:1px solid #ccc;flex:1;align-items:flex-start;height:40px;padding:0 10px;display:flex}.additionInformation{color:#444;background-color:#e8ddce;border-left:4px solid #ccc;border-radius:4px;margin:14px 0;padding:10px 14px}.choices{flex-direction:column;justify-content:space-between;align-items:center;gap:20px;width:90%;height:70%;margin-left:5%;display:flex}.answerContainer{place-items:center;width:100%}.choicesButton{cursor:pointer;color:#a15e21;background-color:#a15e212e;border:none;width:100%;height:20%;font-size:80%}.toolButton{flex-direction:row;justify-content:space-between;gap:10px;width:220px;height:40px;display:flex;position:absolute;top:10%;right:2.5%}.lessonpage1{display:block}.takeNote{color:#a15e21;background:#f4eddf;border-color:#dbb691}#noteIframe{resize:both;z-index:5;direction:rtl;height:33vh;display:none;position:absolute;top:8vh;right:0}.bookmark{color:#a15e21;background:#f4eddf;border-color:#dbb691;width:100%;height:100%;margin-right:10px}.answer{text-align:center;width:100px}.checkMulti{color:#fff;background-color:#a15e21;border:none;border-radius:5px;width:100px;padding:10px;font-size:100%;font-weight:700}.rightAnswer{color:#fff;background-color:#4caf50;border:2px solid #388e3c;border-radius:5px;padding:10px;font-weight:700;box-shadow:0 4px 6px #0080004d}.wrongAnswer{color:#fff;background-color:#d32f2f;border:2px solid #c62828;border-radius:5px;padding:10px;font-weight:700;box-shadow:0 4px 6px #ff00004d}#box{flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#declearActivity{flex-direction:column;place-items:center;width:100%;height:100%;display:flex;position:relative}#letBox,#constBox,#varBox{flex-flow:wrap;justify-content:center;align-items:center;gap:50px;width:100%;height:100%;margin-bottom:20px;display:flex;position:relative}.inputContainer{flex-direction:rows;place-items:center;gap:10px;width:330px;height:25px;display:flex}.inputBoxes{width:250px;height:25px}.submitBoxes{width:70px;height:25px}.correctReminder{color:#f4eddf;background-color:#5a2e0f;border-radius:10px;padding:5px;font-size:15px;font-weight:700;box-shadow:0 3px 10px #22222180}.response{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:45%;height:10%;display:flex;position:relative}#varBox{padding-bottom:2%}.questionTitle{text-align:center;width:100%}.quiz_multi_button{cursor:pointer;background-color:#fff;border-radius:10px;width:100%;height:60px}.quiz_multi_buttons{flex-direction:column;gap:10px;display:flex}.quiz_multi_button:hover,.quiz_multi_button:active{color:#000;background-color:#fff6;border-bottom:2px solid #fff;transform:translateY(-7px)}.quiz_multi_container{flex-direction:column;justify-content:space-between;width:80%;height:50%;display:flex}.quiz_input_container{text-align:center;flex-direction:column;align-items:center;width:80%;height:50%;display:flex}.quiz_input_subContainer{flex-direction:row;gap:10px;width:70%;height:40px;margin:50px;display:flex}.quiz_input_subContainer input{background-color:#fff;border-radius:10px;width:100%;padding:10px}.quiz_input_subContainer button{background-color:#fff;border-radius:30px;width:100px}.correct,.correct:hover{background-color:#adff2f}.wrong,.wrong:hover{background-color:red}.nextButtonContainer{background-color:#fff;justify-content:center;align-items:center;gap:50px;width:100%;display:flex}.gamePage{height:100%}.mainContainer{grid-template-columns:6fr 4fr;grid-template-areas:"leftPanel wholerightPanel";width:100%;height:100%;display:grid}.instructionSection{width:100%;height:100%}.wholerightPanel{z-index:10;grid-area:wholerightPanel}.rightPanel{background-color:var(--secondary-color);z-index:10;grid-area:rightPanel;grid-template-rows:6vh 30vh 60vh;grid-template-areas:"rightPaneltop""rightPanelInstruction""codingSection";justify-items:center;gap:1vh;width:100%;height:100%;display:grid}.leftPanel{grid-area:leftPanel;width:100%;height:100%}.rightPaneltop{grid-area:rightPaneltop;align-items:center;gap:10px;width:100%;height:100%;padding:1vh 0 0 2vh;display:flex}#rightPanelTitle{font-size:3vh}.rightPanelInstruction{background-color:var(--primary-color);box-sizing:border-box;grid-area:rightPanelInstruction;width:98%;padding:30px 10px;position:relative;overflow-x:hidden}.stageNote{position:absolute;top:15px;right:60px}ul{background:#f4eddf;margin-bottom:10px;font-size:100%;list-style-type:disc}.rightLeftButton{color:var(--text-color);cursor:pointer;background:0 0;border:none;align-items:center;padding:1%;font-size:5vh}.codingSection{box-sizing:border-box;background-color:#deab5d;border:3px solid #deab5d;flex-direction:column;justify-content:flex-start;gap:10px;width:98%;height:100%;padding:.5vh .5vh 30vh;font-size:100%;display:flex;position:relative;overflow:hidden auto}.codingSection button{background-color:#fff}#toolBoxTitle{color:#fff;margin-bottom:0;padding:10px}.toolBox{background-color:var(--deep_brown);z-index:3;border-bottom:5px solid var(--deep_brown);white-space:pre-wrap;border-radius:8px 0 0 8px;flex-direction:column;align-items:center;width:12%;min-width:100px;height:80%;display:flex;position:absolute;top:5vh;right:40vw;overflow:hidden auto}.toolBoxContainer{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:100%;margin:0;display:flex}.toolBoxContainer button{border:2px solid var(--secondary-color);background-color:var(--primary-color);overflow-wrap:break-word;width:90%}.items:hover{background-color:var(--transparent-white);opacity:.8}.check-btn{cursor:pointer;z-index:3;color:#a15e21;background-color:#f4eddf;border:none;border-radius:8px 0 0 8px;width:80px;height:80px;font-size:50px;position:absolute;bottom:2vh;right:40vw}.check-btn:active{transform:scale(.95)}.wrong{color:#fff;background-color:#d32f2f!important}.right{color:#fff;background-color:#4caf50!important}#winNote{z-index:5;background-color:var(--transparent-white-lighter);border-radius:12px;flex-direction:row;padding:1% 3%;display:flex;position:absolute;top:40%;right:57%}#win{text-align:center;font-size:20px}#nextButton{color:#bf8449;cursor:pointer;background-color:#0000;border:none;font-size:50px;font-weight:700}.gameContainer{width:100%;height:100vh;overflow-y:hidden}.workSpaceRow{white-space:pre-wrap;text-align:start;gap:5px;width:100%;display:flex}.errorContainer{position:relative}.errorDot{border-radius:var(--radius-r);background-color:#0000;flex-shrink:0;width:15px;height:15px}.hasError{background-color:#d32f2f}.errorMessage{color:#fff;z-index:10;background-color:#333;border-radius:6px;width:max-content;max-width:280px;padding:8px 12px;font-size:12px;display:none;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 2px 8px #0003}.errorContainer:hover .errorMessage{display:block}.item{text-align:center;background-color:inherit;width:100%;margin:0;padding:10px 5px;list-style-type:none}.collapsible{flex-direction:column;align-items:center;display:flex}.collapsibleButton{border-radius:var(--radius-lg);background-color:#fff;width:fit-content;margin-bottom:10px;padding:10px}.collapsibleContent{border-radius:var(--radius-lg);background-color:#fff;width:max-content}.resetGame{background-color:var(--deep_brown);width:max-content;color:var(--secondary-color);border-radius:var(--radius-lg);margin-left:10px;padding:5px}:root{--orange:#fdb546}.login_signup_main{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login_signup_container{text-align:center;background-color:var(--orange);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:50%;padding:20px;display:flex;box-shadow:0 2px 8px #63636333}.login_signup_form{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.login_signup_form input,.login_signup_form button{text-align:center;background-color:#f9f9f9;border-radius:20px;padding:10px}.login_signup_form button{width:40%}.login_signup_form input,.login_signup_form button{width:80%;box-shadow:0 2px 8px #63636333}.login_signup_form input:focus,.login_signup_form button:focus{outline:none;box-shadow:0 5px 15px #00000059}.form_link{color:#305cde;text-decoration:none}.userProgress_main header{flex-direction:row;justify-content:center;gap:20px;font-size:1.5em;display:flex}