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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}body,html{height:100%;width:100%}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{align-items:center;background-color:#fff;background-image:radial-gradient(hsla(0,0%,5%,.171) 2px,#0000 0);background-position:-5px -5px;background-size:30px 30px;display:flex;flex-flow:row wrap;height:100vh;justify-content:center;width:100vw}.main{background-color:#240046;border-radius:12px;box-shadow:7px 7px 10px 3px #24004628;flex-direction:column}.loader,.main{display:flex;max-height:564px;overflow:hidden;position:relative;width:500px}.loader{align-items:center;flex-flow:row wrap;justify-content:center}.form{display:flex;flex-direction:column;gap:14px;padding:24px}#chk{display:none}.login{height:100%;position:relative;width:100%}.login label{margin:25% 0 5%}label{color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;justify-content:center;transition:.5s ease-in-out}.input{background:#e0dede;border:none;border-radius:4px;height:40px;outline:none;padding:10px;width:100%}.register{background:#eee;border-radius:25px 25px 0 0;height:-webkit-max-content;height:max-content;transform:translateY(5%);transition:.8s ease-in-out}.register label{color:#573b8a;transform:scale(.6)}#chk:checked~.register{transform:translateY(-60%)}#chk:checked~.register label{margin:10% 0 5%;transform:scale(1)}#chk:checked~.login label{margin:5% 0;transform:scale(.6)}.form button{background:#573b8a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:40px;margin:12px auto 10%;transition:.2s ease-in;width:85%}.form button:hover{background-color:#6d44b8}.manview{flex-flow:row;gap:40px;height:100vh;overflow-x:hidden;overflow-y:hidden;width:100%}.manview,.taskcard{align-items:center;display:flex}.taskcard{border-radius:20px 5px 20px 5px;flex-flow:column;font-family:single day;height:-webkit-max-content;height:max-content;justify-content:center;max-height:200px;min-height:160px;padding:10px;text-align:center;width:300px}.taskcard>h2{font-size:1.7cqi;overflow-wrap:break-word;word-break:break-all}.tasks{border-radius:10px;display:flex;flex-flow:column;gap:20px;height:100%;overflow-y:scroll;width:340px}.alltaskdiv{height:85vh}.alltaskdiv h1{bottom:30px;font-family:protest riot;margin:0;position:relative;text-align:center}.start{background-color:#fff;border-radius:50%;height:50px;position:relative;width:50px}.start:hover{background-color:#f5f5f5}.settings{position:relative;top:10px}.search{bottom:20px;display:inline-block;position:relative}.search input[type=text]{padding:10px;width:300px}.search button[type=submit],.search input[type=text]{border:none;border-radius:20px;box-shadow:0 0 10px #0000001a}.search button[type=submit]{background-color:#4e99e9;color:#fff;cursor:pointer;padding:10px 20px;position:absolute;right:0;top:0;transition:.9s ease}.search button[type=submit]:hover{background-color:blue;color:#fff;transform:scale(1.1)}.sidebar{align-items:center;background-color:#f5f5f5;border-radius:0 20px 20px 0;display:flex;flex-flow:column wrap;height:100%;justify-content:space-evenly;width:23%}.sidebar button{background-color:#4e99e9;border:none;border-radius:20px;cursor:pointer;font-family:protest riot;height:50px;transition:.6s;width:120px}.sidebar button:hover{border-radius:30px;transform:scale(1.2)}.donecard{border-radius:20px;font-size:large;height:80px;overflow:hidden;padding:10px;text-overflow:ellipsis;transition:transform .6s;white-space:nowrap;width:150px}.donecard>h2{font-family:single day;font-size:1.2em;max-height:100%;overflow-wrap:break-word;text-overflow:ellipsis;transition:none;white-space:normal;word-break:break-word}.donecard:hover{height:-webkit-max-content;height:max-content;max-height:160px;overflow:visible;transform:scale(1.5)}.donecard:hover>h2{transform:none;transition:none}.done{border-radius:25px;flex-flow:row wrap;height:300px;overflow-x:hidden;overflow-y:scroll;padding:30px}.done,.doneai{display:flex;width:100%}.doneai{flex-flow:column;gap:20px}.ay7aga{background-color:#4e99e9;border-radius:20px;bottom:18px;height:300px;overflow-x:hidden;overflow-y:scroll;padding:10px;position:relative}.doneai h3{font-family:protest riot}.donetext{font-family:protest riot;position:relative;top:45px}.doneai h3,.donetext{margin:0;text-align:center}.doneai h3{padding:0}.schedule{overflow-y:hidden}.schedule p{word-break:break-all}.logo{bottom:90px;cursor:pointer;height:80px;position:relative;width:80px}.create{background-color:#fff;border-radius:10px}.modal{background-color:#4e99e9;border-radius:25px;color:#fff;font-family:protest riot;font-size:x-large;height:500px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px;z-index:2}#exitmodal{cursor:pointer;left:90px;position:relative;top:10px}.backdrop{background-color:#0d0c22;opacity:.5}.allmodal,.backdrop{height:100%;position:absolute;width:100%;z-index:1}.allmodal{left:50%;top:50%;transform:translate(-50%,-50%)}.settings input,select{border-radius:15px}.settings select{margin-right:25px}.typewriter{--blue:#5cbbff;--blue-dark:#162d72;--key:#fff;--paper:#eef0fd;--text:#00000049;--tool:#fb0;--duration:3s;animation:bounce05 var(--duration) linear infinite;left:220px;position:relative;top:80px}.typewriter .slide{animation:slide05 var(--duration) ease infinite;background:linear-gradient(var(--blue),var(--blue-dark));border-radius:3px;height:20px;margin-left:14px;transform:translateX(14px);width:92px}.typewriter .slide i:before,.typewriter .slide:after,.typewriter .slide:before{background:var(--tool);content:"";position:absolute}.typewriter .slide:before{height:8px;left:100%;top:6px;width:2px}.typewriter .slide:after{border-radius:3px;height:14px;left:94px;top:3px;width:6px}.typewriter .slide i{background:var(--tool);display:block;height:4px;position:absolute;right:100%;top:4px;width:6px}.typewriter .slide i:before{border-radius:2px;height:14px;right:100%;top:-2px;width:4px}.typewriter .paper{animation:paper05 var(--duration) linear infinite;background:var(--paper);border-radius:5px;height:46px;left:24px;position:absolute;top:-26px;transform:translateY(46px);width:40px}.typewriter .paper:before{background:var(--text);border-radius:2px;box-shadow:0 12px 0 var(--text),0 24px 0 var(--text),0 36px 0 var(--text);content:"";height:4px;left:6px;position:absolute;right:6px;top:7px;transform:scaleY(.8)}.typewriter .keyboard{height:56px;margin-top:-10px;position:relative;width:120px;z-index:1}.typewriter .keyboard:after,.typewriter .keyboard:before{content:"";position:absolute}.typewriter .keyboard:before{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:7px;bottom:0;left:0;right:0;top:0;transform:perspective(10px) rotateX(2deg);transform-origin:50% 100%}.typewriter .keyboard:after{animation:keyboard05 var(--duration) linear infinite;border-radius:2px;box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key);height:4px;left:2px;top:25px;width:11px}@keyframes bounce05{85%,92%,to{transform:translateY(0)}89%{transform:translateY(-4px)}95%{transform:translateY(2px)}}@keyframes slide05{5%{transform:translateX(14px)}15%,30%{transform:translateX(6px)}40%,55%{transform:translateX(0)}65%,70%{transform:translateX(-4px)}80%,89%{transform:translateX(-12px)}to{transform:translateX(14px)}}@keyframes paper05{5%{transform:translateY(46px)}20%,30%{transform:translateY(34px)}40%,55%{transform:translateY(22px)}65%,70%{transform:translateY(10px)}80%,85%{transform:translateY(0)}92%,to{transform:translateY(46px)}}@keyframes keyboard05{12%,21%,30%,39%,48%,5%,57%,66%,75%,84%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}9%{box-shadow:15px 2px 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}18%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 2px 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}27%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 12px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}36%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 12px 0 var(--key),60px 12px 0 var(--key),68px 12px 0 var(--key),83px 10px 0 var(--key)}45%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 2px 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}54%{box-shadow:15px 0 0 var(--key),30px 2px 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}63%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 12px 0 var(--key)}72%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 2px 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}81%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 12px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}}.pencil{display:block;height:10em;width:10em}.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__eraser-skew,.pencil__point,.pencil__rotate,.pencil__stroke{animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}.pencil__body1,.pencil__body2,.pencil__body3{transform:rotate(-90deg)}.pencil__body1{animation-name:pencilBody1}.pencil__body2{animation-name:pencilBody2}.pencil__body3{animation-name:pencilBody3}.pencil__eraser{animation-name:pencilEraser;transform:rotate(-90deg) translate(49px)}.pencil__eraser-skew{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point{animation-name:pencilPoint;transform:rotate(-90deg) translate(49px,-30px)}.pencil__rotate{animation-name:pencilRotate}.pencil__stroke{animation-name:pencilStroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes pencilBody1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0deg) translate(49px)}}@keyframes pencilEraserSkew{0%,32.5%,67.5%,to{transform:skewX(0)}35%,65%{transform:skewX(-4deg)}37.5%,62.5%{transform:skewX(8deg)}40%,45%,50%,55%,60%{transform:skewX(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skewX(15deg)}}@keyframes pencilPoint{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes pencilRotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(2turn)}}@keyframes pencilStroke{0%{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(-113deg)}50%{stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}75%,to{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(112deg)}}.spinner{display:inline-block;font-size:28px;height:1em;position:relative;width:1em}.spinner .spinner-blade{animation:spinner-fade9234 1s linear infinite;background-color:initial;border-radius:.0555em;bottom:0;height:.2777em;left:.4629em;position:absolute;transform-origin:center -.2222em;width:.074em}.spinner .spinner-blade:first-child{animation-delay:0s;transform:rotate(0deg)}.spinner .spinner-blade:nth-child(2){animation-delay:83ms;transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){animation-delay:.166s;transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){animation-delay:.249s;transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){animation-delay:.332s;transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){animation-delay:.415s;transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){animation-delay:.498s;transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){animation-delay:.581s;transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){animation-delay:.664s;transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){animation-delay:.747s;transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){animation-delay:.83s;transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){animation-delay:.913s;transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:initial}}#loads{align-items:center;display:flex;flex-flow:row wrap;height:30px;justify-content:center;width:30px}
/*# sourceMappingURL=main.752fe5e5.css.map*/