@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Dancing+Script&family=Comfortaa&display=swap);.wrapper{flex-direction:column;min-height:100vh}.flex,.wrapper{display:flex}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-ard{justify-content:space-around}.justify-ctr{justify-content:center}.align-ctr{align-items:center}.flex-col{flex-direction:column}.fixed{position:-webkit-sticky;position:sticky;top:0;z-index:6}.flex-1{flex:1 1}.width-100{width:100%}.min-height-100{min-height:100vh}.mg-y-auto{margin:0 auto}.mg-y-1{margin:1rem 0}.mg-y-2{margin:2rem 0}.mg-x-half{margin-left:.5rem;margin-right:.5rem}.mg-x-1{margin-left:1rem;margin-right:1rem}.px-1{padding-left:1rem;padding-right:1rem}.px-3{padding-left:3rem;padding-right:3rem}.py-half{padding-bottom:.5rem;padding-top:.5rem}.py-1{padding-bottom:1rem;padding-top:1rem}.pos-abs{position:absolute}.pos-rel{position:relative}.top-50{top:30%}.left-50{left:30%}.grid-2-col{display:grid;grid-template-columns:1fr 1fr}.grid-4-col{grid-gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;max-width:50rem}.grid-4-col,.grid-5-col{display:grid;gap:1rem;margin:0 auto;width:100%}.grid-5-col{grid-gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.grid-30-70{display:grid;grid-template-columns:3fr 7fr}.grid-40-60{display:grid;grid-template-columns:2fr 3fr}.grid-20-80{display:grid;grid-template-columns:1fr 4fr}.gap-half{gap:.5rem}.gap-1{gap:1rem}:root{--primary-color:#50bdff;--background-color:#fff;--title-font-family:"Dancing Script",cursive;--dark-background-color:#001845;--dark-taskbar-color:#0353a4}body{background-color:#fff;background-color:var(--background-color);font-family:Comfortaa,cursive}button,input{font-family:inherit}.container{margin:0 auto;max-width:1000px}.fas.fa-heart{color:red}.title{font-size:2rem;font-weight:var(--weight-bold);margin:3rem 0 1.5rem}.subtitle,.title{color:var(--text-color)}.subtitle{font-size:1.2rem}.main-container{background-color:#50bdff;background-color:var(--primary-color);height:100%}.task-container{background-color:var(--text-color);border-radius:20px;height:100vh;margin:1.5rem 0;padding:3rem}.heading{font-size:1.5rem;font-weight:var(--weight-bold)}i{border-radius:50%;padding:.5rem}i:hover{background-color:rgba(0,0,0,.1);cursor:pointer}.task-complete{color:var(--inactive-color)}.btn{max-width:100%}a{text-decoration:underline}.dark{background-color:#001845;background-color:var(--dark-background-color)}.dark,.dark a{color:var(--pure-white)}.dark.task-container{background-color:#0353a4;background-color:var(--dark-taskbar-color)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#50bdff;background:var(--primary-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary-btn-hover)}body::-webkit-scrollbar{display:none}.navbar{align-items:center;background-color:var(--pure-white);border-radius:0 0 20px 20px;justify-content:space-between;padding:0 1rem}.nav-logo img{height:2rem;width:2rem}.nav-heading{font-family:var(--title-font-family)}.nav-actions{align-items:center;color:var(--secondary-color);font-size:.75rem}.navbar .input{align-self:center;border-radius:1rem;width:30%}@media screen and (max-width:640px){.navbar{height:7rem;justify-content:space-between;position:relative}.nav-actions,.navbar{align-items:flex-start}.nav-actions .btn{margin:0}.navbar .input{position:absolute;top:4rem;width:100%}}.dark.navbar{background-color:var(--dark-taskbar-color)}.footer{background-color:var(--primary-color);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);color:var(--text-color);height:auto;padding:2rem 0;text-align:center;width:100%}.footer-heading{font-size:1.25rem;font-weight:var(--weight-medium)}.socials{margin:1rem 0}.socials li{display:inline;padding:1rem}.dark.footer{background-color:var(--dark-taskbar-color)}.todo-item:hover{border:1px solid var(--primary-color);border-radius:20px}.todo-item a{text-decoration:none}.modal-container{background-color:rgba(0,0,0,.8);height:100%;left:0;position:fixed;top:0;width:100%;z-index:6}.modal{background-color:var(--pure-white);border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem;left:50%;max-width:23rem;padding:1rem;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal #close-modal{align-self:flex-end}.modal-input{background-color:#f3f4f6;border:none;border-radius:var(--radius);color:var(--secondary-color);font-size:1.2rem;padding:.5rem}.modal-input#task-desc{height:10rem;max-width:100%;min-width:100%;overflow-y:scroll}.hidden{display:none}.error{color:var(--error-red)}.hero-img{height:80%;width:80%}.hero-title{color:var(--primary-color);font-size:3rem;font-weight:var(--weight-bold);margin:3rem 0 5rem}.hero-title span{color:#000}.hero-subtitle{font-size:2rem;margin:1rem 0 .5rem}.hero-subtitle span{color:var(--primary-color)}.dark span{color:var(--pure-white)}@media screen and (max-width:640px){.grid-40-60{align-items:center;display:flex;flex-direction:column}.hero-img{order:-1}}.page-container .btn{width:100%}@media screen and (max-width:700px){.page-container .grid-2-col{grid-template-columns:1fr}}.box{border-radius:var(--radius);flex-direction:column;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:2rem;width:30%}.box,.input-container{background-color:var(--pure-white);display:flex}.input-container{align-items:center;border:1px solid var(--inactive-color);border-radius:var(--radius);gap:.5rem;margin:.5rem 0;padding:.5rem;width:100%}.input-container:focus-within{border-color:var(--primary-color)}.input-container input{flex:1 1}.input-container input[type=email],.input-container input[type=password],.input-container input[type=text]{border:none;margin:0;padding:0}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.pomodoro-circle{display:flex;height:20rem;justify-content:space-around;margin-bottom:2rem;width:20rem}.task-detail{font-size:1.25rem;height:20rem;overflow-y:scroll}.auth .auth-actions{display:flex;flex-direction:row;margin:.25rem 0}.auth .auth-actions .btn{margin:1rem 0;max-width:100%;width:100%}.auth-actions a{text-decoration:underline}.auth .error-msg{color:var(--error-red)}.auth .logout{align-items:center;color:var(--primary-color);display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;margin-top:30vh}.auth .box{background-color:inherit;width:40%}.auth i{padding:0}.auth i:hover{background-color:initial}
/*# sourceMappingURL=main.7ef8a4b8.css.map*/