@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--font-family:"Poppins",sans-serif;--dark-blue:#0a1930;--light-blue:#1f93ff;--color-white:#fff;--color-dark:#333;--color-grey:#eee;--box-shadow:0 5px 15px #0000001a;--color-purple:#9d0191;--color-orange:#f72;--color-primary:#007bff;--color-success:#28a745;--color-danger:#ff4500}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{font-size:10px}body{font-family:Poppins,sans-serif;font-family:var(--font-family)}section{padding:8rem 0;width:100%}.container{margin:0 auto;max-width:1000px;padding:0 20px}.--flex-center{align-items:center;display:flex;justify-content:center}.--flex-start{align-items:flex-start;display:flex;justify-content:flex-start}.--flex-end{justify-content:flex-end}.--flex-between,.--flex-end{align-items:center;display:flex}.--flex-between{justify-content:space-between}.--dir-column{flex-direction:column}.--flex-dir-column{display:flex}.--align-center{align-items:center;display:flex}.--100vh{height:100vh}.--mh-100vh{min-height:100vh}.--grid-15{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.--grid-15,.--grid-25{grid-row-gap:1rem;grid-column-gap:1rem;column-gap:1rem;display:grid;row-gap:1rem}.--grid-25{grid-template-columns:repeat(auto-fit,minmax(24rem,1fr))}.--center-all{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center;width:100%}h1,h2,h3,h4{color:#333;color:var(--color-dark);font-weight:500;line-height:1.2;margin-bottom:1rem}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:2rem}p{color:#333;color:var(--color-dark);font-size:1.5rem;font-weight:300;line-height:1.3}.--text-xl{font-size:4.5rem}.--text-lg{font-size:4rem}.--text-md{font-size:3rem}.--text-sm{font-size:1.2rem;font-weight:300}.--text-p{color:#333;color:var(--color-dark);font-size:1.5rem;font-weight:300;line-height:1.3}.--fw-bold{font-weight:600}.--fw-thin{font-weight:200}.--text-light{color:#fff}.--color-primary{color:#007bff}.--color-danger{color:#ff4500}.--color-success{color:#28a745}.--color-white{color:#fff}.--text-center{text-align:center}.--card{border:1px solid #0000;border-radius:5px;box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);overflow:hidden}.--m{margin:1rem}.--ml{margin-left:1rem}.--mr{margin-right:1rem}.--mb{margin-bottom:1rem}.--my{margin:1rem 0}.--mx{margin:0 1rem}.--m2{margin:2rem}.--ml2{margin-left:2rem}.--mr2{margin-right:2rem}.--mb2{margin-bottom:2rem}.--my2{margin:2rem 0}.--mx2{margin:0 2rem}.--p{padding:1rem}.--p2{padding:2rem}.--py{padding:1rem 0}.--py2{padding:2rem 0}.--px{padding:0 1rem}.--px2{padding:0 2rem}.--btn{align-items:center;border:1px solid #0000;border-radius:3px;cursor:pointer;display:flex;font-size:1.6rem;font-weight:400;justify-content:center;margin:0 5px 0 0;padding:6px 8px;transition:all .3s}.--btn:hover{transform:translateY(-2px)}.--btn-lg{padding:8px 10px}.--btn-block{width:100%}.--btn-primary{background:#007bff;color:#fff}.--btn-secondary{background:#0000;border:1px solid #fff;color:#fff}.--btn-danger{background:#ff4500;color:#fff}.--btn-success{background:#28a745;color:#fff}.--bg-light{background:#fff}.--bg-dark{background:#333;background:var(--color-dark)}.--bg-primary{background:#007bff;background:var(--color-primary)}.--bg-success{background:#28a745;background:var(--color-success)}.--bg-grey{background:#eee;background:var(--color-grey)}.--form-control{font-size:1.6rem;font-weight:300}.--form-control>*{margin:5px 0}.--form-control input{font-size:1.6rem;font-weight:300;outline:none}.--form-control input,.--form-control select{border:1px solid #777;border-radius:3px;padding:8px 1rem}.--form-control select{font-size:1.4rem;font-weight:400}.--form-control label{color:#333;color:var(--color-dark);display:inline-block;font-size:1.6rem;font-weight:400;margin-right:1rem;min-width:7rem}@media screen and (max-width:600px){.--flex-dir-column{flex-direction:column}}.--block{display:block}.--inline-block{display:inline-block}.--width-100{width:100%}.--width-500px{max-width:500px;width:100%}.--line{position:relative}.--line:after{background:#d908aa;background:linear-gradient(135deg,#a301bf 44%,#d908aa 57%);bottom:-5px;content:"";height:3px;left:50%;margin-bottom:1rem;position:absolute;transform:translateX(-50%);width:5rem}.--list-style-none{list-style:none}.--profile-img{border:1px solid #ccc;border-radius:50%;height:6rem;width:6rem}a{color:#0a1930;color:var(--dark-blue);font-size:1.4rem;text-decoration:none;transition:all .2s}a:hover{color:#333;color:var(--color-dark);font-size:1.5rem}.app{align-items:flex-start;background-color:#007bff;background-color:var(--color-primary);display:flex;justify-content:center;min-height:100vh;padding:0 10px;width:100%}.task-container{background-color:#fff;border:1px solid #0000;border-radius:5px;box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);height:auto;margin-top:100px;max-width:500px;overflow:hidden;padding:3rem 2rem;width:100%}.task-form{display:flex;margin:2rem 0;width:100%}.task-form input{font-size:1.6rem;height:4rem;outline:none;padding:0 5px;width:85%}.task-form button{background-color:#9d0191;background-color:var(--color-purple);border:none;color:#fff;cursor:pointer;font-size:1.8rem;height:4rem;transition:all .3s;width:15%}.task-form button:hover{background-color:#007bff;background-color:var(--color-primary)}.task{align-items:center;animation:slide-in .5s ease;background-color:#eee;display:flex;justify-content:space-between;margin:7px 0;padding:10px;position:relative;width:100%}@keyframes slide-in{0%{transform:translateX(40px)}50%{transform:translateX(-20px)}to{transform:translateX(0)}}.task:after{background-color:#ff4500;background-color:var(--color-danger);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.completed{position:relative}.completed:after{background-color:#28a745;background-color:var(--color-success);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.task-icons{font-size:1.6rem}.task-icons>*{cursor:pointer;margin-left:7px}
/*# sourceMappingURL=main.9ed975d9.css.map*/