@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap);.nomatch{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}*{box-sizing:border-box}body{font-family:"Quicksand",sans-serif}.login-register-todoapp{background-image:linear-gradient(#7c83fd,#96baff);background-image:var(--gradient);width:100%;height:100vh}.login-register-todoapp .heading h2,.login-register-todoapp .heading h3{color:#fff;text-align:center}.login-register-todoapp h2{font-size:30px;font-weight:600}.login-register-todoapp h3{font-size:20px}.login-register-todoapp .box{width:550px;border-radius:10px;height:400px;background-color:#fff;padding:50px 70px 0}.login-register-todoapp .box h2{text-align:center;padding-bottom:20px;color:#7c83fd;color:var(--primary)}.login-register-todoapp .box input{width:100%;height:40px;background-color:rgba(129,135,252,.13725490196078433);outline:none;border:1.5px solid #7c83fd;border:1.5px solid var(--primary);border-radius:5px;padding:10px}.login-register-todoapp .box button{width:200px;background-color:#7c83fd;background-color:var(--primary);color:#fff;font-weight:500;border-radius:5px;border:none;padding:10px}.login-register-todoapp .box button:hover{background-color:#9197fa;color:#fff}.login-register-todoapp .box p{color:#7c83fd;color:var(--primary);font-weight:500}.login-register-todoapp p{color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,.1);font-weight:500}.login-register-todoapp .sosmed i{font-size:26px;color:#8fb0ff;background-color:#fff;border-radius:50px;border:2px solid #fff;padding:7px;margin:2px 5px}.login-register-todoapp .box h2{margin:0;padding:0}.login-register-todoapp .alert{padding:4px}.login-register-todoapp .register .box h2{padding-bottom:10px}.login-register-todoapp input.upload{padding:4px 10px 0}.login-register-todoapp.register input{margin-bottom:8px}.login-register-todoapp.register .box{padding:30px 70px 0}.login-register-todoapp.register button{margin-top:10px}.login-register-todoapp.register input.custom-file-input::-webkit-file-upload-button{display:none}.login-register-todoapp.register input.custom-file-input:before{content:"Upload";background-color:transparent;font-weight:500;color:#7c83fd;color:var(--primary);font-size:13px;margin-right:10px;padding:4px;border-radius:3px;border:1.5px solid #7c83fd;border:1.5px solid var(--primary)}.login-register-todoapp.register input.custom-file-input{font-size:14px;padding:8px}.login-register-todoapp.register #formRegister.hidden{display:none!important}.login-register-todoapp .image img{width:125px;border-radius:100px}.login-register-todoapp .box.step button{background-color:#7c83fd;background-color:var(--primary);border:none;color:#fff;font-weight:500;border-radius:5px;padding:10px}@media (max-width:575px){.login-register-todoapp .box h2{margin-bottom:5px;padding-bottom:5px}.login-register-todoapp h2{font-size:24px}.login-register-todoapp h3{font-size:14px}.login-register-todoapp .box,.login-register-todoapp.register .box{width:90%;padding:20px 15px 0}}@media (min-width:576px) and (max-width:767px){.login-register-todoapp .box{width:500px}}:root{--primary:#7c83fd;--gradient:linear-gradient(#7c83fd,#96baff);--font:#3d3d3d}body{overflow-x:hidden}nav{background-image:linear-gradient(#7c83fd,#96baff);background-image:var(--gradient);height:90px}nav h2,nav h3{color:#fff}nav h2{font-size:30px}nav h3{font-size:20px}nav .profile img{width:30px;border-radius:50px}nav .tagline{width:60%}nav .logo,nav .profile{width:20%}nav .profile{text-align:right}main{width:100%;height:800px}main .container{height:100%;display:grid;grid-template-areas:"results input" "results history";grid-template-rows:1.3fr 1fr;grid-template-columns:1fr 1fr}main .container .results{grid-area:results}main .container .results .box{overflow-y:scroll}main .container .input-todo{grid-area:input}main .container .history{grid-area:history}main .history,main .input-todo,main .results{padding:20px}main .box{background-image:linear-gradient(#7c83fd,#96baff);background-image:var(--gradient);width:100%;height:100%;border-radius:10px}main h2{color:#fff;font-size:26px;padding-top:35px;text-align:center}main .results .box h2{margin-bottom:40px}main .box .activity{background-color:#fff;width:95%;margin:auto;padding:12px;border-radius:5px}main .box .activity button{border-radius:3px;background:linear-gradient(#7c83fd,#96baff);background:var(--gradient);color:#fff;font-weight:500;border:none;padding:2px 8px}main .box .activity button:hover{background:#96baff}main .activity p{font-weight:500;color:#7c83fd;color:var(--primary)}main .box .activity i{color:#7c83fd;color:var(--primary);font-size:24px;cursor:pointer}main .box .activity i:hover{color:#96baff}main .input-todo h2{margin-bottom:40px}main .input-todo input{margin-bottom:10px}main .input-todo .box{padding-right:25px;padding-left:25px}main .input-todo input#activities{width:100%}main .input-todo input#activities,main .input-todo input#date{height:40px;border-radius:5px;padding:8px;border:none;outline:none;font-size:14px}main .input-todo input#date{width:50%}main .input-todo button{width:50%;background:#7c83fd;background:var(--primary);color:#fff;height:40px;font-weight:500;border-radius:5px;box-shadow:0 0 2px rgba(0,0,0,.1);border:none}main .input-todo button:hover{background:#898fff}.modal-body input{width:100%;margin-bottom:8px;border:1.5px solid #7c83fd;border:1.5px solid var(--primary);border-radius:5px;outline:none}.modal-body button#save-change{background-color:#7c83fd;background-color:var(--primary);color:#fff;border-radius:5px;font-weight:500;border:none;padding:5px 8px}footer{width:100%;height:120px;box-shadow:0 -2px 3px rgba(0,0,0,.192)}footer p{font-weight:500;color:#7c83fd;color:var(--primary)}footer i{border-radius:50px;padding:8px;background-color:#7c83fd;background-color:var(--primary);color:#fff;font-size:22px;margin-bottom:8px;cursor:pointer}footer i:hover{background-color:#898fff}@media (max-width:575px){main{height:1500px}main .container{height:100%;display:grid;grid-template-areas:"input input" "results results" "history history";grid-template-rows:1fr;grid-template-columns:1fr}.container .history,.container .results{height:500px}* p{font-size:12px!important}nav h3{font-size:14px}html body .container{width:90%!important;padding:0}nav .logo{width:50%}nav .logo h2{font-weight:600}.container h2{font-size:18px;margin:0}.container .history,.container .input-todo,.container .results{padding:10px 0 0 8px}nav .tagline{display:none!important}.container button{font-size:12px;padding:4px}.container input{height:30px!important;font-size:14px!important;width:100%!important}.container p{font-size:14px}}@media (min-width:576px) and (max-width:767px){* p{font-size:12px!important}nav h3{font-size:14px}html body .container{width:100%!important;padding:0}.container h2{font-size:18px;margin:0}.container .history,.container .input-todo,.container .results{padding:10px 0 0 8px}nav h3.m-0{visibility:hidden}.container button{font-size:12px;padding:4px}.container input{height:30px!important;font-size:14px!important;width:100%!important}.container p{font-size:14px}}@media (min-width:768px) and (max-width:991px){nav h3{font-size:14px}.container h2{font-size:20px;margin:0}.container button{font-size:14px;padding:4px}.container input{height:30px!important;font-size:14px!important}}
/*# sourceMappingURL=main.4def2f3b.chunk.css.map */