@import url(https://fonts.googleapis.com/css2?family=Salsa&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Soyombo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Delius&display=swap);@import url(https://fonts.googleapis.com/css?family=Lato:400,700);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil+Supplement&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Mayan+Numerals&display=swap);#student{text-align:center}#top{border-bottom:1px solid #6c6c6c;height:70px}.login-form{align-items:center;background:linear-gradient(90deg,#36d1dc,#5b86e5);display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}form{background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.2);box-sizing:border-box;max-width:100%;padding:20px;width:500px}h2{color:#333;margin-bottom:20px;text-align:center}label{color:#555;display:block;margin:10px 0 5px}input,label,select,textarea{font-family:Noto Sans Soyombo,sans-serif;font-size:20px}input,select,textarea{background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;margin-bottom:15px;padding:12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#6b66e8;box-shadow:0 0 8px rgba(107,102,232,.5)}.but-class{background:#6b66e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}.but-class:hover{background:#534ddc}input[type=checkbox]{margin-right:5px}.handle-error{align-items:center;color:#f44336;display:flex;font-family:Salsa,cursive;justify-content:center}@media screen and (max-width:600px){form{width:90%}}.main-book{left:700px;position:absolute;top:-50px}:root{--hue:223;--bg:hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);--primary:hsl(var(--hue),90%,55%);--primary-l:hsl(var(--hue),90%,65%);--primary-d:hsl(var(--hue),90%,45%);--white:hsl(var(--hue),10%,100%);--white-d:hsl(var(--hue),10%,45%)}.full-book{background-color:none;color:#17181c;color:var(--fg);display:grid;font:1em/1.5 sans-serif;height:110vh;place-items:center}.book,.book__pg,.book__pg-shadow{-webkit-animation:cover 7s ease-in-out infinite;animation:cover 7s ease-in-out infinite}.book{background-color:#5583f6;background-color:var(--primary-l);border-radius:.25em;box-shadow:0 .25em .5em rgba(0,0,0,.3),inset 0 0 0 .25em #255ff4;box-shadow:0 .25em .5em rgba(0,0,0,.3),0 0 0 .25em var(--primary) inset;height:7em;padding:.25em;-webkit-perspective:37.5em;perspective:37.5em;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:9em}.book__pg,.book__pg-shadow{left:.25em;position:absolute;width:calc(50% - .25em)}.book__pg-shadow{-webkit-animation-name:shadow;animation-name:shadow;background-image:linear-gradient(-45deg,transparent 50%,rgba(0,0,0,.3) 0);-webkit-filter:blur(.25em);filter:blur(.25em);height:3.75em;top:calc(100% - .25em);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}.book__pg{-webkit-animation-name:pg1;animation-name:pg1;background-color:#fff;background-color:var(--white);background-image:linear-gradient(90deg,rgba(227,228,232,0) 87.5%,#e3e4e8);background-image:linear-gradient(90deg,hsla(var(--hue),10%,90%,0) 87.5%,hsl(var(--hue),10%,90%));height:calc(100% - .5em);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.book__pg--2,.book__pg--3,.book__pg--4{background-image:repeating-linear-gradient(#17181c 0 .125em,rgba(23,24,28,0) .125em .5em),linear-gradient(90deg,rgba(227,228,232,0) 87.5%,#e3e4e8);background-image:repeating-linear-gradient(hsl(var(--hue),10%,10%) 0 .125em,hsla(var(--hue),10%,10%,0) .125em .5em),linear-gradient(90deg,hsla(var(--hue),10%,90%,0) 87.5%,hsl(var(--hue),10%,90%));background-position:50%;background-repeat:no-repeat;background-size:2.5em 4.125em,100% 100%}.book__pg--2{-webkit-animation-name:pg2;animation-name:pg2}.book__pg--3{-webkit-animation-name:pg3;animation-name:pg3}.book__pg--4{-webkit-animation-name:pg4;animation-name:pg4}.book__pg--5{-webkit-animation-name:pg5;animation-name:pg5}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),10%,30%);--fg:hsl(var(--hue),10%,90%)}}@-webkit-keyframes cover{0%,45%,5%,55%,95%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#5583f6;background-color:var(--primary-l)}10%,40%,60%,90%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#0b46da;background-color:var(--primary-d)}}@keyframes cover{0%,45%,5%,55%,95%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#5583f6;background-color:var(--primary-l)}10%,40%,60%,90%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#0b46da;background-color:var(--primary-d)}}@-webkit-keyframes shadow{0%,10.01%,20.01%,30.01%,40.01%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateZ(1px) scaleY(0) rotateY(0);transform:translateZ(1px) scaleY(0) rotateY(0)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateZ(1px) scaleY(.2) rotateY(90deg);transform:translateZ(1px) scaleY(.2) rotateY(90deg)}10%,20%,30%,40%,50%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateZ(1px) scaleY(0) rotateY(180deg);transform:translateZ(1px) scaleY(0) rotateY(180deg)}50.01%,60.01%,70.01%,80.01%,90.01%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateZ(1px) scaleY(0) rotateY(180deg);transform:translateZ(1px) scaleY(0) rotateY(180deg)}60%,70%,80%,90%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateZ(1px) scaleY(0) rotateY(0);transform:translateZ(1px) scaleY(0) rotateY(0)}}@keyframes shadow{0%,10.01%,20.01%,30.01%,40.01%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateZ(1px) scaleY(0) rotateY(0);transform:translateZ(1px) scaleY(0) rotateY(0)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateZ(1px) scaleY(.2) rotateY(90deg);transform:translateZ(1px) scaleY(.2) rotateY(90deg)}10%,20%,30%,40%,50%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateZ(1px) scaleY(0) rotateY(180deg);transform:translateZ(1px) scaleY(0) rotateY(180deg)}50.01%,60.01%,70.01%,80.01%,90.01%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateZ(1px) scaleY(0) rotateY(180deg);transform:translateZ(1px) scaleY(0) rotateY(180deg)}60%,70%,80%,90%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateZ(1px) scaleY(0) rotateY(0);transform:translateZ(1px) scaleY(0) rotateY(0)}}@-webkit-keyframes pg1{0%,to{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.4deg);transform:translateZ(1px) rotateY(.4deg)}10%,15%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(180deg);transform:translateZ(1px) rotateY(180deg)}20%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(180deg);transform:translateZ(1px) rotateY(180deg)}85%,90%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(180deg);transform:translateZ(1px) rotateY(180deg)}}@keyframes pg1{0%,to{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.4deg);transform:translateZ(1px) rotateY(.4deg)}10%,15%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(180deg);transform:translateZ(1px) rotateY(180deg)}20%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(180deg);transform:translateZ(1px) rotateY(180deg)}85%,90%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(180deg);transform:translateZ(1px) rotateY(180deg)}}@-webkit-keyframes pg2{0%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(.3deg);transform:translateZ(1px) rotateY(.3deg)}10%,5%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.3deg);transform:translateZ(1px) rotateY(.3deg)}20%,25%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.9deg);transform:translateZ(1px) rotateY(179.9deg)}30%,70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(179.9deg);transform:translateZ(1px) rotateY(179.9deg)}75%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.9deg);transform:translateZ(1px) rotateY(179.9deg)}90%,95%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.3deg);transform:translateZ(1px) rotateY(.3deg)}}@keyframes pg2{0%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(.3deg);transform:translateZ(1px) rotateY(.3deg)}10%,5%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.3deg);transform:translateZ(1px) rotateY(.3deg)}20%,25%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.9deg);transform:translateZ(1px) rotateY(179.9deg)}30%,70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(179.9deg);transform:translateZ(1px) rotateY(179.9deg)}75%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.9deg);transform:translateZ(1px) rotateY(179.9deg)}90%,95%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.3deg);transform:translateZ(1px) rotateY(.3deg)}}@-webkit-keyframes pg3{0%,10%,90%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(.2deg);transform:translateZ(1px) rotateY(.2deg)}15%,20%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.2deg);transform:translateZ(1px) rotateY(.2deg)}30%,35%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.8deg);transform:translateZ(1px) rotateY(179.8deg)}40%,60%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(179.8deg);transform:translateZ(1px) rotateY(179.8deg)}65%,70%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.8deg);transform:translateZ(1px) rotateY(179.8deg)}80%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.2deg);transform:translateZ(1px) rotateY(.2deg)}}@keyframes pg3{0%,10%,90%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(.2deg);transform:translateZ(1px) rotateY(.2deg)}15%,20%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.2deg);transform:translateZ(1px) rotateY(.2deg)}30%,35%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.8deg);transform:translateZ(1px) rotateY(179.8deg)}40%,60%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(179.8deg);transform:translateZ(1px) rotateY(179.8deg)}65%,70%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.8deg);transform:translateZ(1px) rotateY(179.8deg)}80%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.2deg);transform:translateZ(1px) rotateY(.2deg)}}@-webkit-keyframes pg4{0%,20%,80%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(.1deg);transform:translateZ(1px) rotateY(.1deg)}25%,30%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.1deg);transform:translateZ(1px) rotateY(.1deg)}40%,45%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.7deg);transform:translateZ(1px) rotateY(179.7deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(179.7deg);transform:translateZ(1px) rotateY(179.7deg)}55%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.7deg);transform:translateZ(1px) rotateY(179.7deg)}70%,75%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.1deg);transform:translateZ(1px) rotateY(.1deg)}}@keyframes pg4{0%,20%,80%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(.1deg);transform:translateZ(1px) rotateY(.1deg)}25%,30%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.1deg);transform:translateZ(1px) rotateY(.1deg)}40%,45%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.7deg);transform:translateZ(1px) rotateY(179.7deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(179.7deg);transform:translateZ(1px) rotateY(179.7deg)}55%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.7deg);transform:translateZ(1px) rotateY(179.7deg)}70%,75%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(.1deg);transform:translateZ(1px) rotateY(.1deg)}}@-webkit-keyframes pg5{0%,30%,70%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(0);transform:translateZ(1px) rotateY(0)}35%,40%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(0deg);transform:translateZ(1px) rotateY(0deg)}50%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.6deg);transform:translateZ(1px) rotateY(179.6deg)}60%,65%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(0);transform:translateZ(1px) rotateY(0)}}@keyframes pg5{0%,30%,70%,to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);-webkit-transform:translateZ(1px) rotateY(0);transform:translateZ(1px) rotateY(0)}35%,40%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(0deg);transform:translateZ(1px) rotateY(0deg)}50%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(179.6deg);transform:translateZ(1px) rotateY(179.6deg)}60%,65%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);-webkit-transform:translateZ(1px) rotateY(0);transform:translateZ(1px) rotateY(0)}}.profile-form{align-items:center;display:flex;justify-content:center;margin:20px;min-height:90vh;padding:10px}.forms-profile-design{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#container2{height:250px;left:500px;margin:auto;overflow:hidden;position:absolute;top:200px;width:700px;z-index:100}.table-login{left:1060px;position:absolute}.content-table{border-collapse:collapse;border-radius:5px 5px 0 0;box-shadow:0 0 20px rgba(0,0,0,.15);font-size:24px;margin:25px 0;min-width:400px;overflow:hidden}.content-table thead tr{background-color:#009879;color:#fff;font-weight:700;text-align:left}.content-table td,.content-table th{padding:12px 15px}.content-table tbody tr{background-color:#f3f3f3;border-bottom:1px solid #ddd}.content-table tbody tr:last-of-type{border-bottom:2px solid #009879}.content-table tbody tr.active-row{color:#009879;font-weight:700}body{background:#fff;overflow-x:scroll}.navigation{background:#4d5bf9;border-radius:10px;bottom:0;box-sizing:initial;height:auto;height:170vh;left:0;overflow-x:hidden;position:absolute;top:0;transition:.3s;width:70px;z-index:999}.navigation:hover{width:300px}.navigation ul{left:0;padding-left:5px;padding-top:40px;position:absolute;top:0;width:100%}.navigation ul li{color:#e0dfdf;list-style:none;position:relative;width:100%}.navigation ul li:hover{background:#fff;border-radius:20px 0 0 20px;font-size:large}.navigation ul li a{color:#e0dfdf;display:block;display:flex;position:relative;text-decoration:none;width:100%}.navigation ul li a:hover{color:#000;font-size:larger}.navigation ul li.active a{color:#000}.icon{font-size:25px;min-width:60px;text-align:center}.icon,.title{display:block;height:60px;line-height:60px;position:relative}.title{cursor:pointer;font-family:Delius,cursive;font-size:22px;padding-left:10px;white-space:normal}.toggle{align-items:center;cursor:pointer;display:flex;justify-content:center}.mainDesign{height:160vh}#join{background-color:#482bec;border:none;border-radius:25px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:beige;height:75px;margin-bottom:10px;margin-top:20px;padding:15px -50px 15px 15px;width:65%}#button1{align-items:center;background-clip:padding-box;background-color:#2ed16c;border:1px solid transparent;border-radius:15px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:large;font-weight:600;justify-content:center;line-height:1;margin:0;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;touch-action:manipulation;transition:all .15s;user-select:none;-webkit-user-select:none;vertical-align:initial;width:auto}#button1:focus,#button1:hover{background-color:#fb8332;box-shadow:0 4px 12px rgba(0,0,0,.1)}#button1:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}#button1:active{background-color:#c85000;box-shadow:0 2px 4px rgba(0,0,0,.06);-webkit-transform:translateY(0);transform:translateY(0)}#road{background-color:#eaeaf6;background-size:30px 100px;height:500px;margin-left:900px;margin-top:-80px;width:450px}#box1,#road{border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#box1{color:#3e3e43;font-size:20px;height:450px;margin-top:40px;padding:15px;text-decoration:none;width:100%}#box2{border:none;border-radius:5px;box-shadow:10px 10px 30px 5px #d7d7d7;height:90px;margin-top:10px;width:100%}#task{color:#05051b;font-size:larger;padding:10px}#session{border-radius:5px;font-size:27px;margin-top:10px}#round1,#session{text-align:center}#round1{align-content:center;display:flex;flex-flow:row wrap}.round{align-items:center;background:#add8e6;background-color:blue;border:4px solid blue;border-radius:50%;color:#0b0b0b;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;margin:10px;padding:20px;width:50px}.round:after{border:2px solid blue;border-radius:5px;content:"";height:5px;margin-left:70px;position:absolute;width:24px}.round6{align-items:center;background:#add8e6;background-color:blue;border:4px solid blue;border-radius:50%;color:#0b0b0b;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;margin:10px;padding:20px;width:50px}.round6:before{border:2px solid blue;border-radius:5px;content:"";height:24px;margin-top:70px;position:absolute;width:5px}.round12,.round18{align-items:center;background:#add8e6;background-color:blue;border:4px solid blue;border-radius:50%;color:#0b0b0b;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;margin:10px;padding:20px;width:50px}#right-top:before,.round18:after{border:2px solid blue;border-radius:5px;content:"";height:24px;margin-top:70px;position:absolute;width:5px}#right-top:before{margin-left:1px}.round24{align-items:center;background:#add8e6;background-color:blue;border:4px solid blue;border-radius:50%;color:#0b0b0b;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;margin:10px;padding:20px;width:50px}.round24:after{border:2px solid blue;border-radius:5px;content:"";height:24px;margin-left:-700px;margin-top:70px;position:absolute;width:5px}.round25,.round30{align-items:center;background:#add8e6;background-color:blue;border:4px solid blue;border-radius:50%;color:#0b0b0b;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;margin:10px;padding:20px;width:50px}.round25:after{height:5px;margin-left:70px;width:24px}.round25:after,.round25:before{border:2px solid blue;border-radius:5px;content:"";position:absolute}.round25:before{height:24px;margin-left:700px;margin-top:70px;width:5px}.round36{align-items:center;background:#add8e6;background-color:blue;border:4px solid blue;border-radius:50%;color:#0b0b0b;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;margin:10px;padding:20px;width:50px}.choose{color:#000;font-size:23px;font-weight:550}#bottom{margin-top:100px}#add{margin-top:-50px;text-align:justify}#box3{border:none;box-shadow:10px 10px 30px 5px #d7d7d7;font-size:larger;height:470px;margin-bottom:40px;position:relative;width:80%}#input{border-radius:5px;color:#2097ff;display:flex;height:33px;justify-content:center;margin-left:30px;width:80%}#submit{background-color:#4f57f5;border:none;border-radius:10px;color:#f0f8ff;height:40px;margin-left:700px;width:90px}#lab{margin-left:30px}label{margin-top:10px}#box4{background-color:hsla(0,0%,75%,.664);border:none;border-radius:10px;bottom:20px;height:600px;margin-left:-150px;overflow:scroll;width:450px}#box4,#box5{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#box5{background-color:#f5f5f5;border:none;border-radius:15px;height:90px;margin:20px;padding:15px;width:90%}button{background-color:blue;border:none;color:#f4f4f4;font-size:larger}#icon{background-color:none;color:rgba(0,0,0,.968)}.task-details{font-size:20px}.act{color:red;font-size:25px;margin-top:50px}.para-content{word-wrap:break-word;height:100px;padding:3px;width:800px}.hom-act{font-size:20px}.test{position:absolute;top:750px;width:900px}.acti-para{font-size:19px;padding:5px}.form-design{display:flex;flex-direction:column;height:300px;justify-content:center;margin-top:45px;width:100%}.extra-activity,.form-design{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.extra-activity{border-radius:10px}.task-sub{border-radius:18px;padding:8px}.task-sub:hover{box-shadow:0 20px 30px -10px blue;-webkit-transform:translateY(-3px);transform:translateY(-3px)}#container{height:250px;left:500px;margin:auto;overflow:hidden;position:absolute;top:600px;width:700px;z-index:100}.green{color:darken(#99dbb4,20%);font-size:19px;font-weight:700;padding:5px}.green:hover{color:#adff2f}.alert{font-size:17px;font-weight:600}.dot,button{cursor:pointer}#success-box{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4);border-radius:20px;box-shadow:5px 5px 20px rgba(#CBCDD3,10%);height:100%;left:12%;-webkit-perspective:40px;perspective:40px;position:absolute;width:35%}.dot{background:#fcfcfc;border-radius:50%;height:8px;position:absolute;right:6%;top:4%;width:8px;&:hover{background:darken(#fcfcfc,20%)}}.two{opacity:.5;right:12%}.face{-webkit-animation:bounce 1s ease-in infinite;animation:bounce 1s ease-in infinite}.face,.face2{background:#fcfcfc;border:1px solid #777;border-radius:50%;height:22%;left:37.5%;position:absolute;top:21%;width:22%;z-index:2}.face2{-webkit-animation:roll 3s ease-in-out infinite;animation:roll 3s ease-in-out infinite}.eye{background:#777;border-radius:50%;height:5px;left:20%;position:absolute;top:40%;width:5px}.right{left:68%}.mouth{border-radius:50%;height:7px;left:41%;position:absolute;top:43%;width:7px}.happy{border-color:transparent #777 #777 transparent}.happy,.sad{border-style:solid;border-width:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sad{border-color:#777 transparent transparent #777;top:49%}.shadow{background:#777;border-radius:50%;height:3%;left:40%;opacity:.5;position:absolute;top:43%;width:21%;z-index:1}.scale{-webkit-animation:scale 1s ease-in infinite;animation:scale 1s ease-in infinite}.move{-webkit-animation:move 3s ease-in-out infinite;animation:move 3s ease-in-out infinite}.message{height:40%;position:absolute;text-align:center;top:47%;width:100%}.button-box{background:#fcfcfc;border:none;border-radius:20px;box-shadow:2px 2px 10px rgba(#777777,.5);height:15%;left:25%;outline:0;position:absolute;top:73%;transition:all .5s ease-in-out;width:50%}.button-box:hover{background:darken(#fcfcfc,5%);color:#adff2f;-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-in-out}@-webkit-keyframes bounce{50%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}}@keyframes bounce{50%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}}@-webkit-keyframes scale{50%{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes scale{50%{-webkit-transform:scale(.9);transform:scale(.9)}}@-webkit-keyframes roll{0%{left:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:60%;-webkit-transform:rotate(168deg);transform:rotate(168deg)}to{left:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes roll{0%{left:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:60%;-webkit-transform:rotate(168deg);transform:rotate(168deg)}to{left:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes move{0%{left:25%}50%{left:60%}to{left:25%}}@keyframes move{0%{left:25%}50%{left:60%}to{left:25%}}.button-89{--b:3px;--s:.45em;--color:#482bec;--_p:var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - var(--_p)*2) calc(100% - var(--b) - var(--_p)*2);border:0;color:var(--color);font-size:16px;outline:var(--b) solid #0000;outline-offset:.6em;padding:calc(.5em + var(--s)) calc(.9em + var(--s));touch-action:manipulation;transition:.3s linear,color 0s,background-color 0s;user-select:none;-webkit-user-select:none}.button-89:focus-visible,.button-89:hover{--_p:0px;outline-color:var(--color);outline-offset:.05em}.button-89:active{background:var(--color);color:#fff;scale:1.2}.button-29{align-items:center;-webkit-appearance:none;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#5adaff 0,#5468ff 100%);border:0;border-radius:6px;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 rgba(58,65,111,.5);box-sizing:border-box;color:#fff;display:inline-flex;font-family:Georgia,Times New Roman,Times,serif;font-size:18px;height:48px;justify-content:center;line-height:1;list-style:none;margin-right:50px;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;touch-action:manipulation;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s;user-select:none;-webkit-user-select:none;white-space:nowrap;will-change:box-shadow,transform}.button-29:focus{box-shadow:inset 0 0 0 1.5px #3c4fe0,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #3c4fe0}.button-29:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #3c4fe0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-29:active{box-shadow:inset 0 3px 7px #3c4fe0;-webkit-transform:translateY(2px);transform:translateY(2px)}.button-90{align-items:center;background-color:#4c43cd;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0,transparent 86.18%),radial-gradient(66% 87% at 26% 20%,hsla(0,0%,100%,.41) 0,hsla(0,0%,100%,0) 69.79%,hsla(0,0%,100%,0) 100%);border:none;border-radius:100px;box-shadow:2px 5px 7px rgba(0,0,0,.2);color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;padding:15px 7px 7px;width:220px}.button-28,.button-90{touch-action:manipulation;user-select:none;-webkit-user-select:none}.button-28{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid #ffc107;border-radius:15px;box-sizing:border-box;color:#ffc107;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;font-weight:600;line-height:normal;margin:0;outline:none;padding:6px 4px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);will-change:transform}.button-28:disabled{pointer-events:none}.button-28:hover{background-color:#ffc107;box-shadow:0 25px 20px -20px rgba(0,0,0,.45);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-28:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}.button-282{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid #dc3545;border-radius:15px;box-sizing:border-box;color:#dc3545;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;font-weight:600;line-height:normal;margin:0;outline:none;padding:6px 4px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;will-change:transform}.button-282:disabled{pointer-events:none}.button-282:hover{background-color:#dc3545;box-shadow:0 25px 20px -20px rgba(0,0,0,.45);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-282:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}*{box-sizing:border-box;font-family:Times New Roman,Times,serif;margin:0;padding:0}#bo1{align-items:center;background:#4169e1;border-radius:45px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;height:120px;justify-content:center;width:100%}#bo2{background:#ebf4f5;height:470px;margin:10px}#bo2,#bo3{border-radius:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:10px;width:100%}#bo3{background:#b9dcf2}#bo3,#bo4{height:550px;margin-left:10px;margin-top:10px}#bo4{background:#f6cfbe;border-radius:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:10px;width:100%}.range{background:#e4e6eb;border:none;border-radius:30px;height:40px;width:900px}.range__label{background-image:linear-gradient(#f89b29,#ff0f7b);border:none;border-radius:20px;height:40px;position:relative;width:400px}.task{background:hsla(0,12%,81%,.306);border:none;border-radius:5px;height:100px;padding:10px;width:600px}.task,.task-desc{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);margin-top:20px}.task-desc{border:none;height:900px;width:680px}.code-box{border:1px solid #f59f00;font-family:Noto Sans Tamil Supplement,sans-serif;font-size:18px;font-style:normal;font-weight:400;padding:6px;word-spacing:1px}.task-comment{background:#f0efff;height:200px;margin-top:30px;padding:10px}.task-comment,.task-feed{font-family:Noto Sans Tamil Supplement,sans-serif;font-size:18px;font-style:normal;font-weight:400;letter-spacing:1px}.task-box{word-wrap:break-word;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);height:70px;padding:5px;width:100%}.form-position{align-items:center;display:flex;justify-content:center;margin-top:50px}.class-design{display:flex;font-family:Noto Sans Tamil Supplement,sans-serif;justify-content:space-between;margin-top:-10px}.num-design{background-color:#fff;height:35px;width:35px}.key-word,.num-design{align-items:center;border:1px solid #f59f00;border-radius:3px;color:#f59f00;display:flex;font-size:18px;justify-content:center;margin-right:10px}.key-word{background-color:#fee1ab;padding:5px}#container3{height:250px;left:500px;margin:auto;overflow:hidden;position:absolute;top:400px;width:700px;z-index:100}.add{align-items:center;border:none;border-radius:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:#000;display:flex;height:200px;justify-content:center;margin:20px;text-decoration:none;width:400px}#head{transition:.3s ease-in-out}#head:hover{scale:1.2}@-webkit-keyframes slide{0%{background-position:0 0}to{background-position:-120px 60px}}@keyframes slide{0%{background-position:0 0}to{background-position:-120px 60px}}#InfoBanner{height:200px;position:absolute;right:40px;text-align:center;top:100px;width:100%;width:400px}.reversed{background-color:#3ab84c;color:#fff;display:inline-block;font-size:17px;line-height:1;margin-left:.8em;padding:.3em;position:relative;text-align:center;vertical-align:middle}.reversed:after,.reversed:before{border-top:.8em solid #3ab84c;content:"";height:0;position:absolute;right:-.8em;top:0;width:0}.reversed:after{border-bottom:.8em solid #3ab84c;border-top:none;bottom:0;top:auto}.reversedRight:after,.reversedRight:before{border-right:.8em solid transparent;right:-.8em}.reversedRight{-webkit-animation:tilt 2s infinite;animation:tilt 2s infinite;border-radius:5px 0 0 5px;width:17px}@-webkit-keyframes tilt{0%{left:0}50%{left:9px}to{left:0}}@keyframes tilt{0%{left:0}50%{left:9px}to{left:0}}.reversedLeft{border-radius:0 5px 5px 0;margin-left:15px}.reversedLeft:after,.reversedLeft:before{border-left:.8em solid transparent;content:"";height:0;left:-.8em;position:absolute;width:0}.reversedLeft:after{border-bottom:none;border-top:.8em solid #3ab84c;bottom:0;top:auto}.reversedLeft:before{border-bottom:.8em solid #3ab84c;border-top:none;bottom:auto;top:0}.bgAnimation{-webkit-animation:slide 4s linear infinite;animation:slide 4s linear infinite;background-color:#3ab84c;background-image:linear-gradient(45deg,#3ab84c 25%,transparent 0,transparent 75%,#3ab84c 0,#3ab84c),linear-gradient(-45deg,#3ab84c 25%,transparent 0,transparent 75%,#3ab84c 0,#3ab84c);background-size:60px 60px}.button-73{-webkit-appearance:none;appearance:none;background-color:#4d5bf9;border-radius:40em;border-style:none;color:#f5f5f5;cursor:pointer;display:inline-block;font-family:Times New Roman,Times,serif;font-size:15px;font-weight:600;height:50px;margin:0;outline:none;padding:2px;quotes:auto;text-align:center;transition:all .15s}.batch-check,.button-73{box-sizing:border-box;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.batch-check{align-items:center;background:#d3d1d1;border:0 solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);color:#1a202c;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;height:56px;justify-content:center;line-height:24px;margin-left:10px;margin-top:2px;overflow-wrap:break-word;padding:24px;width:auto}.back{border-radius:50%;height:50px;transition:.15s ease-in-out;width:50px}.back:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);scale:1.2}.button-73:hover{background-color:#ffc229;box-shadow:inset 0 -6px 8px #ff6314;color:#000;-webkit-transform:scale(1.125);transform:scale(1.125)}.button-73:active{-webkit-transform:scale(1.025);transform:scale(1.025)}@media (min-width:768px){.button-73{font-size:18px;padding:7px 14px}}.demo-page{align-items:center;display:flex;justify-content:center;margin-top:40px;padding:15px;width:1500px}.center-form{width:700px}.backs{border-radius:50%;height:50px;left:-300px;position:relative;top:-80px;transition:.15s ease-in-out;width:50px}.backs:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);scale:1.2}.button-23{background-color:#fff;border:1px solid #222;border-radius:8px;box-sizing:border-box;color:#222;cursor:pointer;display:inline-block;font-family:Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;line-height:20px;margin:0;outline:none;padding:13px 23px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:box-shadow .2s,-webkit-transform .1s,transform .1s;user-select:none;-webkit-user-select:none;width:auto}.button-23:focus-visible{box-shadow:0 0 0 2px #222,0 0 0 4px hsla(0,0%,100%,.8);transition:box-shadow .2s}.button-23:active{background-color:#f7f7f7;border-color:#000;-webkit-transform:scale(.96);transform:scale(.96)}.button-23:disabled{border-color:#ddd;color:#ddd;cursor:not-allowed;opacity:1}
/*# sourceMappingURL=main.19293bcc.css.map*/