:root{--fontSize-sm:1.4rem;--fontSize-md:1.6rem;--fontSize-lg:1.8rem;--color-default:#eee;--color-label:#ccc;--color-primary:#171332;--color-secondary:#4ae3b5;--color-tertiary:#ff5959;--color-primary-light:#282443;--color-secondary-dark:#2a8167;--color-tertiary-dark:#b33a3a}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;overflow-x:hidden}body{box-sizing:border-box;background-color:#171332;background-color:var(--color-primary);color:#eee;color:var(--color-default);font-size:1.6rem;font-size:var(--fontSize-md);font-family:Montserrat;padding:0!important}.circle{position:absolute;z-index:-1}.circle__top{width:25rem;height:25rem;top:-25%;left:5%;animation:circleMoveTop 8s ease-in-out infinite}.circle__middle{width:15rem;height:15rem;top:30%;left:20%;animation:circleMoveMiddle 10s ease-in-out infinite}.circle__right{width:20rem;height:20rem;top:50%;left:70%;animation:circleMoveRight 7s ease-in-out infinite}.circle__bottom{width:24rem;height:24rem;top:73%;left:-20%;animation:circleMoveBottom 6s ease-in-out infinite}@keyframes circleMoveTop{0%{top:-25%;left:5%}50%{top:-20%;left:8%}to{top:-25%;left:5%}}@keyframes circleMoveMiddle{0%{left:20%}50%{left:15%}to{left:20%}}@keyframes circleMoveRight{0%{top:50%;left:70%}50%{top:40%;left:65%}to{top:50%;left:70%}}@keyframes circleMoveBottom{0%{top:73%;left:-20%}50%{top:65%;left:-10%}to{top:73%;left:-20%}}@media screen and (min-width:768px){.circle__top{width:35rem;height:35rem;top:-35%;left:5%}.circle__middle{width:25rem;height:25rem;top:35%;left:30%}.circle__right{width:30rem;height:30rem;top:40%;left:85%}.circle__bottom{width:34rem;height:34rem;top:70%;left:-15%}@keyframes circleMoveTop{0%{top:-35%;left:5%}50%{top:-30%;left:8%}to{top:-35%;left:5%}}@keyframes circleMoveMiddle{0%{left:30%}50%{left:25%}to{left:30%}}@keyframes circleMoveRight{0%{top:40%;left:85%}50%{top:35%;left:80%}to{top:40%;left:85%}}@keyframes circleMoveBottom{0%{top:70%;left:-15%}50%{top:60%;left:-10%}to{top:70%;left:-15%}}}@media screen and (min-width:1440px){.circle__top{width:45rem;height:45rem;top:-35%;left:5%}.circle__middle{width:35rem;height:35rem;top:35%;left:30%}.circle__right{width:40rem;height:40rem;top:40%;left:85%}.circle__bottom{width:44rem;height:44rem;top:70%;left:-15%}@keyframes circleMoveTop{0%{top:-35%;left:5%}50%{top:-30%;left:8%}to{top:-35%;left:5%}}@keyframes circleMoveMiddle{0%{left:30%}50%{left:25%}to{left:30%}}@keyframes circleMoveRight{0%{top:40%;left:85%}50%{top:35%;left:80%}to{top:40%;left:85%}}@keyframes circleMoveBottom{0%{top:70%;left:-15%}50%{top:60%;left:-10%}to{top:70%;left:-15%}}}.todo{width:100%;height:3rem;position:relative;border-bottom:.1rem solid;border-bottom-color:var(--color-default);margin-bottom:3rem;overflow:hidden}.todo--completed{border-bottom-color:var(--color-secondary)}.todo__context{display:inline-block;background-color:transparent;font-size:var(--fontSize-md);font-family:Montserrat,sans-serif;color:var(--color-default);border:none;outline:none;width:100%;height:2rem;line-height:2.5rem;position:absolute;left:0;padding:0;margin-left:0;transition:.5s ease-in-out;word-wrap:break-word}.todo__context--completed{color:var(--color-secondary);left:3rem;margin-left:.5rem}.todo__button--status{display:inline-block;background-color:var(--color-secondary);width:3rem;height:3rem;position:absolute;left:calc(100% - 6rem);cursor:pointer;transition:.5s ease-in-out,background-color .2s ease-in-out}.todo__button--status:active,.todo__button--status:hover{background-color:var(--color-secondary-dark)}.todo__button--status--completed{left:0}.todo__button--delete{display:inline-block;background-color:var(--color-tertiary);width:3rem;height:3rem;position:absolute;left:calc(100% - 3rem);cursor:pointer;transition:.5s ease-in-out;transition:background-color .2s ease-in-out}.todo__button--delete:active,.todo__button--delete:hover{background-color:var(--color-tertiary-dark)}.todo__icon--check,.todo__icon--delete{color:var(--color-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.599183ff.chunk.css.map */