.todo-parent{display:flex;justify-content:center;align-items:center}.todo-child,.todo-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.todo-form{width:50em}.todo-btn_container{margin-bottom:1.5em}.todo-btn{min-width:10em}.todo-btn:first-child{margin-right:1.5em}.text{border:none;outline:0;padding:1em 1em 1em .5em;background-color:transparent;color:var(--clr-light);font-size:var(--fs-h5);border:1px solid var(--clr-accent);width:100%;margin-bottom:1.5em;transition:all .3s}.text:hover{background-color:rgba(97,218,251,.1)}.items-ul{width:100%}.items{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-h5);padding:1em .5em;border:1px solid var(--clr-accent);background-color:var(--clr-dark);margin-bottom:1.5em;transition:all .3s}.items:hover{background-color:rgba(97,218,251,.1)}.notepad-span{display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:.1}.notepad{font-size:10rem;color:var(--clr-light)}.notepad-span h3{margin:0}.ibtn{font-size:1.1rem;color:var(--clr-accent);margin:0 .5em;transition:all .3s}.ibtn:focus,.ibtn:hover{color:var(--clr-light)}@media (max-width:740px){.todo-form{width:40em}}@media (max-width:600px){.todo-form{width:30em}}:root{--clr-dark:#101820;--clr-light:#eef2f6;--clr-accent:#61dafb;--ff-poppins:"Poppins",sans-serif;--fs-logo:6rem;--fs-h1:4.5rem;--fs-h2:3.5rem;--fs-h3:2.5rem;--fs-h4:1.5rem;--fs-h5:1.125rem;--fs-body:1rem;--fs-small:0.9rem}@media (max-width:1600px){:root{--fs-logo:4.5rem;--fs-h1:3rem;--fs-h2:2rem;--fs-h3:1.25rem;--fs-h4:1rem;--fs-h5:0.975rem;--fs-body:0.875rem;--fs-small:0.775rem}}@media (max-width:425px){:root{--fs-logo:2.7rem;--fs-h1:2rem;--fs-h2:1.8rem;--fs-h3:1rem;--fs-h4:0.8rem;--fs-h5:0.775rem;--fs-body:0.675rem;--fs-small:0.575rem}}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;line-height:1.6;word-spacing:1.4px;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body);background-color:#101820;background-color:var(--clr-dark);color:#eef2f6;color:var(--clr-light)}a,button{margin:0;padding:0;border:0;outline:0;display:inline-block;background:none;cursor:pointer;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);text-transform:capitalize}a{text-decoration:none;color:inherit}img{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}ul{list-style:none;margin:0;padding:0}h1{font-size:4.5rem;font-size:var(--fs-h1)}h1,h2{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}h2{font-size:3.5rem;font-size:var(--fs-h2)}h3{font-size:2.5rem;font-size:var(--fs-h3)}h3,h4{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}h4{font-size:1.5rem;font-size:var(--fs-h4)}h5{font-size:1.125rem;font-size:var(--fs-h5)}h5,p{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}p{word-spacing:1.4px;font-weight:300}.btn-bg{font-size:1.125rem;font-size:var(--fs-h5);font-weight:700;text-decoration:none;padding:1em 2.25em;color:#101820;color:var(--clr-dark);background-color:#61dafb;background-color:var(--clr-accent);border:1px solid #61dafb;border:1px solid var(--clr-accent);transition:all .3s}.btn-bg:focus,.btn-bg:hover{background-color:#eef2f6;background-color:var(--clr-light);border:1px solid #eef2f6;border:1px solid var(--clr-light)}.btn-border{font-size:1.125rem;font-size:var(--fs-h5);font-weight:700;text-decoration:none;padding:1em 2.25em;color:#61dafb;color:var(--clr-accent);background-color:transparent;border:1px solid #61dafb;border:1px solid var(--clr-accent);transition:all .3s}.btn-border:focus,.btn-border:hover{background-color:rgba(97,218,251,.1)}.btn{font-size:1rem;font-size:var(--fs-body)}.btn,.menu-btn_border{font-weight:400;text-decoration:none;color:#eef2f6;color:var(--clr-light);background-color:transparent}.menu-btn_border{font-size:.9rem;font-size:var(--fs-small);padding:1em 2.25em;min-width:9em;border:1px solid #61dafb;border:1px solid var(--clr-accent);transition:all .3s}.menu-btn_border:focus,.menu-btn_border:hover{background-color:rgba(50,72,95,.3)}.menu-btn_bg{font-size:.9rem;font-size:var(--fs-small);font-weight:400;text-decoration:none;padding:1em 2.25em;min-width:9em;color:#eef2f6;color:var(--clr-light);background-color:#61dafb;background-color:var(--clr-accent);transition:all .3s}.menu-btn_bg:focus,.menu-btn_bg:hover{background-color:rgba(50,72,95,.8)}.lg-container{width:90%;margin:0 auto}.md-container{width:80%;margin:0 auto}.sm-container{width:65%;margin:0 auto}.lg_section-spacing{margin-bottom:25rem}.section-spacing{margin-bottom:20rem}.md_section-spacing{margin-bottom:10rem}.smMD_section-spacing{margin-bottom:7.5rem}.sm_section-spacing{margin-bottom:5rem}.logo{font-size:6rem;font-size:var(--fs-logo)}
/*# sourceMappingURL=main.19a42c16.chunk.css.map */