@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap";body,:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0;box-sizing:border-box;width:100%;font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--backgroundColor: #D9D9D9;--textColor: #000000;--navColor: #F4EEEE;--submitColor: #5BB861;--tint: #dfdfa2;--tabBackgroundColor: rgb(204, 204, 181);--midColor: rgb(185, 185, 185);--warningColor: rgb(199, 10, 10)}body{margin:0;width:100vw;background-color:var(--backgroundColor);color:var(--textColor)}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 1em #0d149bec)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:var(--textColor)}.welcome{margin:10px 20px}br{width:10px}body{overflow-x:hidden}.welcome{font-family:inherit;color:var(--submitColor);margin:1.5em 0 .2em;letter-spacing:1px;font-size:5em;text-underline-offset:15px;text-align:center}.subtitle{color:var(--tabBackgroundColor);font-size:1.3em;margin:.5em 0 3em;font-size:1.4em;color:var(--textColor);font-family:inherit}.features-list{margin:1.5em 0 0;padding:0 0 0 1.2em;font-size:1.08em;color:var(--textColor);font-family:inherit}.cta-btns{display:flex;gap:1.5em;margin-top:2.5em;justify-content:center}.cta-btn{background:--submitColor;color:var(--textColor);border:none;border-radius:2em;padding:.8em 2.2em;font-size:1.1em;font-weight:600;box-shadow:0 2px 12px 0 var(--midColor);transition:background .2s,transform .2s;font-family:inherit;min-width:120px}.cta-btn.register{background:var(--submitColor)}.cta-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 4px 18px 0 var(--tabBackgroundColor)}.desc-section{max-width:700px;background:var(--navColor);border-radius:1.5em;box-shadow:0 2px 16px 0 var(--midColor);padding:20px 40px;margin:20px}.features-list li{margin:20px 0}.features-list b{margin-right:10px;font-size:2em;display:block}.HomeNav .logo{width:40px;height:40px}ul{list-style:none;padding:0;margin:0}.HomeNav{display:flex;justify-content:space-between;align-items:center;margin:0;background-color:var(--navColor);position:sticky;top:0;z-index:1000;width:100%}.HomeNav .left,.HomeNav .center,.HomeNav .right{display:flex;align-items:center;gap:30px;margin:13px 20px}.HomeNav a:has(.logo){height:40px}.HomeNav li{text-decoration:none;font-size:1.2em;font-weight:500;color:var(--textColor)}.HomeNav p{cursor:pointer}.HomeNav .register{background-color:var(--submitColor)}.HomeNav img{width:2rem}.HomeNav a{display:flex;align-items:center}.HomeNav .rotate-90deg{rotate:-90deg}.HomeNav p{margin:0}.HomeNav .gray{background-color:var(--midColor)}.HomeNav .inbox{position:relative}.HomeNav .inbox.new :after{content:"";width:10px;height:10px;position:absolute;top:-3px;right:-3px;border-radius:50%;background-color:red}.Register{display:flex;flex-direction:column;justify-content:center;background-color:var(--navColor);max-width:500px;text-align:left;margin:40px auto;padding:70px 40px;border-radius:10px}.Register label,.Register input,.Register textarea{margin-bottom:5px;font-size:2rem;color:var(--textColor)}.Register label{margin:0 10px 0 0;font-weight:500}.Register input,.Register textarea{padding:10px;border-radius:5px;border:solid 3px #ccc;font-size:1.2rem;margin-bottom:20px}.Register .submit,.Register .close{width:100%;padding:10px;font-size:1.5rem;background-color:var(--submitColor);margin:20px 0}.Register .close{background-color:#ccc;margin:0}.Register h2{font-size:2.5rem;line-height:1rem;margin-top:0;margin-bottom:50px;text-align:center}.Register .isTeacher{width:20px;height:20px;margin:20px}h1{padding:10px 20px}.class-container{display:flex;gap:20px;margin:30px;flex-wrap:wrap}.class{border-radius:20px;background-color:var(--navColor);padding:0 30px;height:150px;background:linear-gradient(to bottom right,var(--navColor),var(--tint));box-shadow:0 1em 2em #3333332c;transition:background-size .3s;background-size:200% 200%;cursor:pointer}.class.loading{background:#5f626367}@keyframes load{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.class:hover{background-size:100% 100%}.class .header{display:flex;align-items:center}.class hr{min-width:20px;margin:10px;border:solid 1px var(--midColor)}a{color:var(--textColor);text-decoration:none}.class .code{color:var(--submitColor);font-size:2rem;letter-spacing:.1rem;margin:5px 0}.submit{background-color:var(--submitColor)}.inviteDialog{background:none;border:none}.inviteDialog::backdrop{background-color:#000;opacity:.3}.people-list{color:var(--textColor);overflow-y:scroll;overflow-x:hidden}.person-row{border-bottom:var(--navColor) 2px solid;padding:10px 30px;display:flex;justify-content:space-between}.person-row div{display:flex;gap:20px;align-items:center}.person-row .username{color:#7c7c7c;margin-left:10px}.person-row .kick{background-color:var(--warningColor);color:var(--navColor);height:45px}.victim{color:var(--warningColor)}.row .yes{background-color:var(--warningColor)}.row{display:flex;gap:10px;font-size:1.5em;padding:10px 20px;justify-content:space-between}.kick{max-width:700px;border:none;border-radius:20px}.kick h1{line-height:1.5em}.teacher{color:var(--submitColor);margin-right:10px;text-decoration:underline;text-underline-offset:4px}.post-create form{display:flex;flex-direction:column}.post-create{max-width:500px;width:50%;border:none;padding:0;border-radius:30px}.post-create button{margin:10px 0;font-size:1.3rem}.post-create .row{margin:20px 0}.post-create form{margin:0}.assignment-list{display:flex;flex-direction:column;position:relative}.assignment-list .row{border-bottom:2px var(--navColor) solid;display:flex;justify-content:space-between;padding:10px 20px;align-items:center}.assignment-list .left{display:flex;align-items:center;gap:20px}.assignment-list img{height:32px}.noAssignments{margin:10px 20px}.assignmentLink:hover{text-decoration:underline;text-underline-offset:5px}.overdue{color:var(--warningColor)}.assignment-list .title-row{padding:3px 50px;font-size:1.7rem;text-decoration:underline}div.content{height:500px;width:100%}body{transition:filter 3s}#potion{width:100px;height:100px;position:fixed;right:0;bottom:0;animation:scale 1s infinite;cursor:pointer;background:url(/potion-back.png);background-size:120px 120px;background-position:-15px 0px;transition:filter 3s}#potion:hover{animation:none;scale:1.3}@keyframes scale{0%{scale:1;background-size:100px 100px;background-position:-5px 10px}50%{scale:1.2;background-size:150px 150px;background-position:-30px -10px}to{scale:1;background-size:100px 100px;background-position:-5px 10px}}.bubble{width:50px;height:50px;background-color:#f0f8ff;border-radius:50px;position:fixed;bottom:-10000px;z-index:9999;border:dashed 5px rgb(226,221,207)}.bubble-title{position:fixed;left:25vw;font-size:8rem;text-align:center;color:#f0f8ff;bottom:-10000px}@keyframes bubble{0%{top:120vh;opacity:1}to{top:-400px;opacity:.3}}.pendulum{position:fixed;top:-50%;transform-origin:50% -10%;left:40svw;rotate:-90deg}.pendulum-charm{position:fixed;transform-origin:50% -10%;top:-50%;left:40svw;rotate:-90deg;filter:none}.swing{animation:swing 3s 2 ease-in-out;filter:hue-rotate(90deg);transition:filter 3s}@keyframes swing{0%{rotate:-90deg}50%{rotate:90deg}to{rotate:-90deg}}.procras{position:fixed;right:0;bottom:80px;cursor:default;opacity:0;transition:opacity .5s}.procras.show{opacity:1}.tab-container{box-sizing:border-box;background-color:var(--navColor);margin:20px;padding:20px;border-radius:15px}.tab-selector{display:flex;flex-direction:row;justify-content:space-evenly}.tab{padding:10px 20px;background-color:var(--backgroundColor);border-radius:15px 15px 0 0;cursor:pointer}.tab.selected{background-color:var(--tabBackgroundColor);box-shadow:none}.tab-content{background-color:var(--tabBackgroundColor);border-radius:15px}.tab-content .content.hidden{display:none}.tab-content .content{height:fit-content}.posts{padding:20px;display:flex;gap:20px}.post{background:linear-gradient(to bottom right,var(--navColor) 0%,var(--tint) 100%);background-size:200% 200%;padding:20px;box-shadow:10px 10px 20px #3333;width:300px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:background-size .5s;cursor:pointer}.post p{font-size:1rem}.post:hover{background-size:100% 100%}.slider{background-color:var(--midColor);position:relative;padding:4px;margin:15px 0;border-radius:10px}.slider ul{display:flex;justify-content:space-evenly}.slider ul li{z-index:21;width:60px}.slider .selected{position:absolute;height:calc(100% - 5px);width:80px;top:2px;background-color:var(--navColor);z-index:20;transition:left .3s ease-in-out;border-radius:10px}.slider .option{cursor:pointer;text-align:center}.assignment-specific{display:flex;flex-direction:column}hr{border:dashed 2px var(--midColor);width:100%}.assignment-specific .questions .row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:var(--midColor)}.assignment-specific .questions h2{font-size:2rem;margin:0}.assignment-specific .questions .row .add{font-size:1.5rem;padding:10px 20px;background-color:var(--submitColor)}.mcq{background-color:var(--backgroundColor);border-top:solid 5px white}.questions{display:flex;flex-direction:column;margin:20px 0}.question{padding:20px}.question-header{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--midColor);padding:10px}.question-header h2{margin:0}.question-header input{margin:0 0 0 20px}.choices{display:flex;flex-direction:column}.choice{display:flex;flex-direction:row}.choice input[type=checkbox]{width:10px!important;background-color:red}.choice input{flex:1}main.contact>*{text-indent:2rem;margin-left:0;padding:0}.HomeNav .deleteAssignment{background-color:var(--warningColor)}.assignmentOverview{padding:60px 45px;line-height:2rem}.assignmentOverview h1{margin:0;padding:0;font-size:3rem}.assignmentOverview p{margin:0;font-size:1.5rem;line-height:1.5em}.assignmentOverview .row{align-items:last baseline}.assignmentOverview hr{margin-top:0}.assignmentOverview .content{padding:20px}.deleteModal{top:100px;text-align:center;background-color:var(--navColor);border-radius:15px;border:none;padding:30px 40px}.deleteModal::backdrop{opacity:.4;background-color:#000}.deleteModal h3{color:var(--warningColor);font-size:1.5rem}.deleteButton{background-color:var(--warningColor)}#presets{padding:5px 10px;font-size:1.3rem;border-radius:0;border:none}.color-select{border:none}.custom{display:flex;gap:20px;font-size:1.3rem;margin:20px}.custom #export{background-color:var(--submitColor)}.custom #load{background-color:var(--warningColor)}.exportData{background-color:var(--navColor);margin:20px;max-width:60vw;min-width:0;padding:10px;word-break:break-all}.class-samples{display:flex;margin:20px;gap:20px}#render-target{width:100vw;height:100vh}#loading{text-align:center}#start{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center;gap:20px;-webkit-backdrop-filter:blur(50px) brightness(.8);backdrop-filter:blur(50px) brightness(.8)}.start button{padding:15px 40px;font-size:2rem}#savash-img{background-image:url(/savash-img.png);padding:200px 100px 0 10px;background-size:100% 100%;margin:20px;border-radius:1rem;display:inline-block}#savash-img h2{color:var(--textColor);font-size:3rem;line-height:.1em}#savash-img:hover{scale:1.01}