@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:inherit;scroll-behavior:smooth;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}#root{height:100vh;width:100vw;display:flex;flex-flow:column wrap;position:relative}html{box-sizing:border-box;font-size:62.5%}body{height:100%;width:100%;overflow-x:hidden}select{border:none;cursor:pointer;background-color:transparent}@media only screen and (max-width: 550px){html{font-size:50%}}.auth--header{height:40vh;text-align:center;display:flex;justify-content:center;align-items:center;font-size:2.5rem;text-transform:capitalize;color:#fff;position:relative}.auth--main,.todo--main{background-color:#fafafa;height:60vh;display:flex;padding:1rem;align-items:center;flex-flow:column wrap}.todo--main{height:70vh;overflow:auto}.todo--cover{max-width:45rem}.add--todo{border-radius:.5rem;margin-bottom:2rem}.actions{display:flex;align-items:center;justify-content:flex-end}.actions div:not(:last-child){margin-right:1.5rem}.actions svg{font-size:1.7rem;cursor:pointer}.list--heading{display:flex;align-items:center;justify-content:space-between}li{list-style:none}li:not(:last-child){border-bottom:1px solid gray}li h2,li input{text-transform:capitalize;font-size:1.6rem;font-weight:500}.list--actions select:first-child{margin-right:.5rem}.todo--item input,.todo--item textarea,.edit--action button{border:none;outline:none;background-color:inherit}.edit--action button{cursor:pointer}li p,li textarea{font-size:1.1rem;padding:1.5rem 0;width:100%;word-wrap:break-word}.todo--item input:focus,.todo--item textarea:focus,.todo--item input:hover,.todo--item textarea:hover{border:none;outline:none}li .todo--item{display:flex;flex-flow:column wrap}.todo--header{height:30vh;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2.5rem;text-transform:capitalize;color:#fff;background-color:#000;position:relative}.login button,.signup button{padding:1rem;cursor:pointer;color:#fff;background-color:#000;outline:none;border:none;transition:all ease-in .25s}.login button:hover,.signup button:hover{color:#000;background-color:#fff;transition:all ease-in .25s}.login,.signup{padding:2rem;border-radius:5px;z-index:2;min-height:40rem;display:flex;flex-flow:column wrap;justify-content:space-evenly;background-color:#fff}.add--todo label,.signup label,.login label{font-size:1.5rem}.add--todo label input,.list--heading input,.add--todo label:not(:first-child) textarea,.signup label input,.login label input{outline:none;padding:.5rem 1rem;width:100%}.add--todo label:not(:first-child) textarea{height:10rem}.logout{position:absolute;top:1rem;right:1rem;font-size:1rem}.logout button,.add--todo button{padding:.5rem 2rem;cursor:pointer;border-radius:.3rem;border:1px solid black;background-color:#000;color:#fff;transition:all ease-in .25s}.logout button:hover,.add--todo button:hover{background-color:#fff;color:#000;transition:all ease-in .25s}.edit--action,.toggle--action,.delete--action{background-color:transparent;border:none;padding:0;display:flex;justify-content:center;align-items:center;margin-left:1rem}.description{max-width:50rem}.description--length{width:100%;text-align:right}