.container{display:block;width:0}.userPicture{display:flex;position:relative;border-radius:3.5rem;margin-left:2rem;top:3rem}.greeting{position:relative;left:9rem;bottom:2rem;width:20rem}.greeting p{position:relative;color:red;left:6.9rem;bottom:52px}.logoman{position:absolute;width:8rem;height:8rem;top:4%;left:25rem}@media only screen and (max-width:768px){.userPicture{display:flex;position:relative;border-radius:3.5rem;margin-left:2rem;top:3rem}.greeting{left:6.5rem;bottom:-.5rem;width:10rem}.greeting,.greeting p{position:relative;font-size:1.2rem}.greeting p{color:red;left:89px;bottom:42px}.logoman{position:absolute;width:3rem;height:3rem;top:1rem;left:11rem}}form{width:90%;max-width:300px;background-color:#fff;padding:33px 40px;display:flex;align-content:center;flex-direction:column;justify-content:center;align-items:center;align-self:center;border-radius:25px}label{font-weight:700;font-size:39px;margin-bottom:26px;color:#000}label,textarea{text-align:center}textarea{font-family:"Josefin Sans",sans-serif;background-color:#f5f5f5;border-radius:50px;box-shadow:0 10px 10px rgba(27,34,49,.15);display:flex;width:280px;height:30px;margin-bottom:20px;border:0;outline-color:#929191;align-content:space-evenly;font-size:19px}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:"Josefin Sans",sans-serif;font-weight:200;text-align:center}textarea::placeholder{color:#a5a5a5;font-family:"Josefin Sans",sans-serif;font-weight:200;text-align:center}textarea:focus{outline-color:#abbac7}.TodoForm-buttonContainer{margin-top:14px;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:center}.TodoForm-button{display:inline-block;font-size:20px;font-weight:400;width:120px;height:48px;border-radius:2px;cursor:pointer;font-family:"Josefin Sans",sans-serif}.TodoForm-button-add{display:flex;background-color:#69fa61;border-radius:20px;border:none;width:107px;height:50px;align-items:center;font-size:17px}.TodoForm-button-add,.TodoForm-button-cancel{font-family:"Josefin Sans",sans-serif;cursor:pointer}.TodoForm-button-cancel{font-size:21px;background:transparent;border-radius:5px;border:none}@media only screen and (min-width:768px){form{width:100%;padding:20px}label{font-size:25px}textarea{font-size:1.1rem;height:28px;width:18rem}}.EditBackground{font-family:"Josefin Sans",sans-serif;background:rgba(32,35,41,.8);position:fixed;top:-10px;left:-10px;right:-10px;bottom:-10px;display:flex;justify-content:center;align-items:center;color:#f5f5f5;border-radius:25px}.TodoCounter{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;text-align:center;margin-left:2%;display:flex;justify-content:space-evenly;align-items:flex-end};.TodoCounter--loading{font-family:"Josefin Sans",sans-serif;font-size:29px;width:336px;margin-left:39vh;margin-right:100px;margin-top:-131px;opacity:1%}@media (min-width:720px){.TodoCounter,.TodoCounter--loading{width:50%;font-size:36px;margin-left:auto;margin-right:auto}}.TodoSearch{font-family:"Josefin Sans",sans-serif;font-size:20px;background-color:#f5f5f5;text-align:center;border-radius:10px;box-shadow:0 10px 10px rgba(27,34,49,.15);display:flex;width:239px;height:30px;margin-left:auto;margin-right:auto;margin-bottom:20px;border:0;outline-color:#929191;align-content:space-evenly}.TodoSearch:disabled{opacity:1%}ul{padding:10px 0 56px;border-radius:20px;list-style:none;flex-wrap:wrap}.TodoList-container,ul{display:flex;justify-content:center}.TodoList-container{flex-direction:column;font-size:1.5rem}.Icon-container{cursor:pointer;display:flex;justify-content:center;align-items:center;height:70px;width:48px}.Icon-container--check{position:absolute;left:12px;size:10px;fill:#4caf50}.Icon-container--edit{position:absolute;right:77px;size:10px;fill:#4caf50}.Icon-container--delete{right:20px;position:absolute;right:21px}.Icon-svg{width:40px;height:40px;transition:fill .15s}.Icon-container:hover .Icon-svg--check{fill:#4caf50}.Icon-container:hover .Icon-svg--edit{fill:#3b579f}.Icon-container:hover .Icon-svg--delete{fill:red}@media (max-width:767px){.Icon-container{height:60px;width:40px}.Icon-svg{width:30px;height:30px}}.TodoItem{align-items:center;background-color:#f5f5f5;border:0;border-radius:18px;box-shadow:0 10px 10px rgba(27,34,49,.15);display:flex;font-family:"Josefin Sans",sans-serif;justify-content:center;position:relative;width:28rem;margin:auto auto 24px}.TodoItem-p{margin:24px -32px 24px 24px;width:calc(100% - 120px);font-size:18px;line-height:24px;font-weight:400}.TodoItem-p--complete{text-decoration:line-through;color:grey}.Icon{cursor:pointer;display:flex;justify-content:center;align-items:center;height:48px;width:48px;font-size:24px;font-weight:700}.Icon-check{position:absolute;left:12px}.Icon-check:hover{color:#5ae85a}.Icon-check--active{color:#7bff7f}.Icon-delete{color:#000;right:10px}.Icon-delete:hover{color:red}@media (max-width:768px){.TodoItem{width:85vw;margin-left:auto;margin-right:auto}}.LoadingTodo-container{position:relative;display:flex;justify-content:center;align-items:center;margin-top:24px;box-shadow:0 5px 50px rgba(32,35,41,.15);font-family:"Josefin Sans",sans-serif}.LoadingTodo-text{margin:24px 0 24px 24px;width:calc(100% - 120px);font-size:18px;line-height:24px;font-weight:400}.LoadingTodo-CompleteIcon,.LoadingTodo-deleteIcon{border-radius:50px;height:48px;width:48px}.LoadingTodo-CompleteIcon{left:12px;position:absolute;top:-24px;right:0}.LoadingTodo-completeIcon,.LoadingTodo-container,.LoadingTodo-deleteIcon{background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%;-webkit-animation:loadingAnimation 3s ease-in-out infinite;animation:loadingAnimation 3s ease-in-out infinite}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Register{text-align:center;display:flex;margin:auto;align-items:center;justify-content:space-around;width:56vw;height:20vh;font-family:"Josefin Sans",sans-serif;font-size:26px;background-color:#f5f5f5;outline-color:#929191;box-shadow:0 10px 10px rgba(27,34,49,.15);border-radius:22px}@media (max-width:600px){.Register{width:75vw;height:14vh;font-size:18px;text-align:center;padding:1vh}}.CreateTodoButton{background-color:#d4000e;box-sizing:border-box;border:none;border-radius:50%;cursor:pointer;font-size:30px;position:fixed;bottom:22px;right:22px;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;overflow:hidden;z-index:1;color:#fff}@media (max-width:600px){.CreateTodoButton{width:4rem;height:4rem;font-size:30px}}.ChangeAlert-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,30,31,.3137254901960784);z-index:2}.ChangeAlert-container{position:fixed;bottom:-10px;left:-10px;right:-10px;padding:34px;background-color:#1e1e1f;color:#f2f4f5;z-index:2;text-align:center;font-size:20px}.ChangeAlert-container button{margin-top:16px;margin-bottom:16px}.newpage{font-family:"Josefin Sans",sans-serif;background:rgba(32,35,41,.8);position:fixed;top:-10px;left:-10px;right:-10px;bottom:-10px;display:flex;justify-content:center;align-items:center;color:#f5f5f5;border-radius:25px}img{display:flex;width:100px;height:100px;margin-left:62%;position:relative}.logomu{left:12%;width:100px;height:163px;top:120px}.logods{width:172px;height:auto;top:100px}.btn{background:#fff;color:#000;font-size:1.5rem;border-radius:60px;bottom:30%;font-weight:bolder;left:31%;margin-top:40rem;text-decoration:inherit;padding:40px;height:10px;position:relative;display:flex;align-items:center}.title{position:absolute;top:27%;left:81%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;color:#fff;font-size:2.1rem;width:28rem;line-height:35px}.background{position:absolute;left:60%;width:40%;height:100%;background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logoutbtn{position:fixed;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1rem;font-size:1.7rem;margin-left:1rem;bottom:1rem;border-radius:2rem;background-color:#d4000e;color:#fff;border:none}@media only screen and (max-width:767px){img{width:60px;height:60px;margin:auto;top:10%}.logomu{left:30%;width:5rem;height:5rem;top:-4%}.logods{width:120px;top:-12%}.btn{font-size:1rem;border-radius:40px;left:auto;margin-top:25rem;padding:20px;height:8px}.title{top:29%;left:50%;font-size:1.8rem;width:22rem;line-height:30px}.background{position:absolute;width:100vw;height:120vh;left:auto}}@media only screen and (min-width:768px) and (max-width:1023px){img{width:80px;height:80px;margin-left:30%}.logomu{left:13rem;width:6rem;height:6rem;top:-7rem}.logods{width:9rem;margin-left:36.5rem;margin-right:auto;top:-5rem}.btn{font-size:1.2rem;border-radius:50px;left:31%;margin-top:35rem;padding:30px;height:8px}.title{top:27%;left:80%;font-size:1.5rem;width:17rem;line-height:35px}}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.23d2d855.chunk.css.map */