*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.todo-header{background-image:linear-gradient(155deg,#e6e6e6,#eaeaea91 50%,#fff);height:250px;position:relative}.todo-header--container{margin:auto;padding-top:100px;position:relative;width:70%}.todo-header--container h1{color:#595959;font-size:18px;padding-top:10px}.todo-header--container span{color:#023a69;font-size:24px}svg{bottom:0;height:auto;position:absolute;width:100%}.img-container{border-radius:50%;cursor:pointer;height:60px;left:0;object-fit:contain;overflow:hidden;position:absolute;top:50px;width:60px;z-index:3}.todo-header--container img{width:100%}@media (min-width:700px){.todo-header{height:50vh}.todo-header--container h1{margin-bottom:0;margin-top:20px}.todo-header--container h2{margin:0}}@media (min-width:1440px){.todo-header{height:60vh}.img-container{height:100px;top:100px;width:100px}.todo-header--container{padding-top:200px}}.todo-counter-header{padding:24px}.todo-counter-header h1{color:#fff;font-family:Audiowide,sans-serif;font-size:18px;margin:0;padding:100px 10px 10px;text-align:left}h2{color:#595959;font-size:18px}span{font-size:24px;text-shadow:0 5px 25px #383838ed}.Icon-container{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:18px;justify-content:center;width:18px}.Icon-container-check{color:#636363;left:10px;position:absolute;text-shadow:none}.Icon-container-check--active{color:#8cde8f}.Icon-container-delete{font-weight:100;position:relative;right:-50px;text-shadow:none;top:-15px}.Icon-container-closed,.Icon-container-open{color:#023a69;font-weight:100;position:absolute;right:0;text-shadow:none;top:55px}.Icon-container-delete:hover .Icon-svg{fill:#f49090}.Icon-container-check:hover .Icon-svg{fill:#8cde8f}.Icon-svg{height:18px;width:18px}.Icon-svg-menu{height:30px;width:30px}.TodoSearch{border:2px solid #dbdbdb;border-radius:10px;color:#1e1e1f;font-family:Montserrat;font-size:18px;font-weight:400;height:40px;padding-left:40px;text-align:left;width:100%}.todo-search{margin:0 auto;position:relative;width:90%}.search-icon{color:#a5a5a5;font-size:24px;left:10px;position:absolute;text-shadow:none;top:8px}.TodoSearch::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}.TodoSearch:focus{outline-color:#61dafa}@media (min-width:700px){.TodoSearch{width:100%}.todo-search{margin:0 50px;width:40%}}.TodoList{list-style:none;margin:0 auto;padding:0 0 56px;width:90%}@media (min-width:700px){.TodoList{margin:0 50px;padding:0;width:40%}}.create-todo-button{align-items:center;background-color:#f5f5f500;border:none;bottom:20px;color:#023a69;cursor:pointer;display:flex;font-size:50px;font-weight:700;height:64px;justify-content:center;position:fixed;right:20px;transform:rotate(0);transition:.3s ease;width:64px}.create-todo-button:hover{transform:rotate(224deg)}.show{display:flex}@media (min-width:700px){.create-todo-button{display:none}}.TodoItem{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:center;margin-top:24px;position:relative;width:100%}.TodoItem-p{font-size:16px;font-weight:400;line-height:20px;margin:18px 0;padding-left:0;width:calc(100% - 120px)}.TodoItem-p--complete{text-decoration:line-through}.todo-progress{align-items:center;background-color:#e8eaea;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px auto;padding:50px 20px;text-align:center;width:30%}.todo-progress h3{font-size:18px;margin-bottom:20px}.todo-progress span{font-size:24px;text-shadow:none}.progress-chart{align-items:center;background-image:conic-gradient(#122d8e 252deg,#e8eaea 0deg);border-radius:50%;display:flex;height:150px;justify-content:center;margin-bottom:10px;position:relative;width:150px}.progress-chart:before{background-color:#e8eaea;border-radius:50%;content:"";height:130px;position:absolute;width:130px}.progress-chart span{color:#000;font-size:24px;font-weight:600;z-index:2}.modal-task{animation:modalIn 1s ease-in;background-color:#f5f5f5;border-radius:20px 0 0 20px;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:60vh;position:fixed;right:0;top:20px;width:80%;z-index:50}.hidde{animation:modalOut 1s ease-out}.task-title{color:#1e1e1f;margin-bottom:40px;margin-top:40px;text-align:center}.task-label{font-size:18px;font-weight:700;padding-left:26px}.task-input,.task-label{color:#1e1e1f;font-family:Montserrat,sans-serif;text-align:left}.task-input{border:2px solid #dbdbdb;border-radius:10px;font-size:16px;font-weight:400;height:40px;margin:10px 24px;padding-left:20px;width:calc(100% - 42px)}.border-red{border:2px solid #cf3535}.task-input:focus{outline-color:#61dafa}@media (max-width:320px){.modal-task{width:80%}.task-input{padding-left:10px}}@media (min-width:700px){.modal-task{height:40vh;position:fixed;right:0;top:48%;width:45%}.task-title{margin:20px 0}.modal-task textarea{height:50px}}@media (min-width:1440px){.modal-task{height:40vh}.modal-task textarea{height:80px}}@keyframes modalIn{0%{animation-timing-function:ease-in;transform:translateX(200px)}50%{animation-timing-function:ease-in;transform:translateX(100px)}to{animation-timing-function:ease-in;transform:translateX(0)}}@keyframes modalOut{0%{animation-timing-function:ease-in;transform:translateX(0)}50%{animation-timing-function:ease-in;transform:translateX(100px)}to{animation-timing-function:ease-in;transform:translateX(200px)}}.button-cancel{background-color:#f5f5f5;border:none;border-radius:10px;bottom:10px;color:#0b345d;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;height:auto;left:10px;margin:10px 24px;padding:5px 0;position:absolute;width:calc(100% - 62px)}.button-cancel:hover{background-color:#0b345d;color:#f5f5f5}@media (min-width:700px){.button-cancel{display:none}}.button-add{background-color:#0b345d;border:none;border-radius:10px;bottom:60px;color:#f5f5f5;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;height:auto;left:10px;margin:10px 24px;padding:5px 0;position:absolute;width:calc(100% - 62px)}.button-add:hover{background-color:#f5f5f5;color:#0b345d}@media (min-width:700px){.button-add{bottom:10px;left:55%;width:calc(50% - 62px)}}@media (min-width:1440px){.button-add{bottom:10px;left:72%;width:calc(30% - 62px)}}.banter-loader{height:72px;left:50%;margin-left:-36px;margin-top:-36px;position:absolute;top:70%;width:72px}.banter-loader__box{float:left;height:20px;margin-right:6px;position:relative;width:20px}.banter-loader__box:before{background:#9c9393;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.banter-loader__box:nth-child(3n){margin-bottom:6px;margin-right:0}.banter-loader__box:first-child:before,.banter-loader__box:nth-child(4):before{margin-left:26px}.banter-loader__box:nth-child(3):before{margin-top:52px}.banter-loader__box:last-child{margin-bottom:0}@keyframes moveBox-1{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(0)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(26px)}45.4545454545%{transform:translate(26px,26px)}54.5454545455%{transform:translate(26px,26px)}63.6363636364%{transform:translate(26px,26px)}72.7272727273%{transform:translate(26px)}81.8181818182%{transform:translate(0)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:first-child{animation:moveBox-1 4s infinite}@keyframes moveBox-2{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(26px)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(26px)}45.4545454545%{transform:translate(26px,26px)}54.5454545455%{transform:translate(26px,26px)}63.6363636364%{transform:translate(26px,26px)}72.7272727273%{transform:translate(26px,26px)}81.8181818182%{transform:translateY(26px)}90.9090909091%{transform:translateY(26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(2){animation:moveBox-2 4s infinite}@keyframes moveBox-3{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(-26px)}45.4545454545%{transform:translate(-26px)}54.5454545455%{transform:translate(-26px)}63.6363636364%{transform:translate(-26px)}72.7272727273%{transform:translate(-26px)}81.8181818182%{transform:translate(-26px,-26px)}90.9090909091%{transform:translateY(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(3){animation:moveBox-3 4s infinite}@keyframes moveBox-4{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(-26px,-26px)}36.3636363636%{transform:translateY(-26px)}45.4545454545%{transform:translate(0)}54.5454545455%{transform:translateY(-26px)}63.6363636364%{transform:translateY(-26px)}72.7272727273%{transform:translateY(-26px)}81.8181818182%{transform:translate(-26px,-26px)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(4){animation:moveBox-4 4s infinite}@keyframes moveBox-5{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(0)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(26px)}45.4545454545%{transform:translate(26px)}54.5454545455%{transform:translate(26px)}63.6363636364%{transform:translate(26px)}72.7272727273%{transform:translate(26px)}81.8181818182%{transform:translate(26px,-26px)}90.9090909091%{transform:translateY(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(5){animation:moveBox-5 4s infinite}@keyframes moveBox-6{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(-26px)}36.3636363636%{transform:translate(0)}45.4545454545%{transform:translate(0)}54.5454545455%{transform:translate(0)}63.6363636364%{transform:translate(0)}72.7272727273%{transform:translateY(26px)}81.8181818182%{transform:translate(-26px,26px)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(6){animation:moveBox-6 4s infinite}@keyframes moveBox-7{9.0909090909%{transform:translate(26px)}18.1818181818%{transform:translate(26px)}27.2727272727%{transform:translate(26px)}36.3636363636%{transform:translate(0)}45.4545454545%{transform:translateY(-26px)}54.5454545455%{transform:translate(26px,-26px)}63.6363636364%{transform:translateY(-26px)}72.7272727273%{transform:translateY(-26px)}81.8181818182%{transform:translate(0)}90.9090909091%{transform:translate(26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(7){animation:moveBox-7 4s infinite}@keyframes moveBox-8{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(-26px,-26px)}36.3636363636%{transform:translateY(-26px)}45.4545454545%{transform:translateY(-26px)}54.5454545455%{transform:translateY(-26px)}63.6363636364%{transform:translateY(-26px)}72.7272727273%{transform:translateY(-26px)}81.8181818182%{transform:translate(26px,-26px)}90.9090909091%{transform:translate(26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(8){animation:moveBox-8 4s infinite}@keyframes moveBox-9{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(-26px)}45.4545454545%{transform:translate(0)}54.5454545455%{transform:translate(0)}63.6363636364%{transform:translate(-26px)}72.7272727273%{transform:translate(-26px)}81.8181818182%{transform:translate(-52px)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(9){animation:moveBox-9 4s infinite}.todo-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}img{height:auto;width:200px}p{color:#a5a5a5;font-family:Montserrat;text-align:center}.menu-profile{align-items:center;animation:menuIn 1s ease-in;background-color:#f5f5f5;border-radius:20px 0 0 20px;box-shadow:2px 5px #1e1e1f2e;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:60vh;position:fixed;right:0;top:20px;width:80%;z-index:50}.hidde{animation:menuOut 1s ease-out}.profile-title{color:#1e1e1f;margin-bottom:40px;margin-top:40px;text-align:center}.nickname-label{align-items:left;font-size:18px;font-weight:700;padding-left:26px}.nickname-input,.nickname-label{color:#1e1e1f;font-family:Montserrat,sans-serif;text-align:left}.nickname-input{border:2px solid #dbdbdb;border-radius:10px;font-size:16px;font-weight:400;height:40px;margin:10px 24px;padding-left:40px;width:calc(100% - 42px)}.nickname-input:focus{outline-color:#61dafa}.container-input{background:#282828;border-radius:6px;border-top:5px solid #c39f77;margin:0 auto 20px;padding:50px 0;text-align:center;width:100%}.inputfile{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.inputfile+label{cursor:pointer;display:inline-block;font-size:1.25rem;font-weight:700;max-width:80%;overflow:hidden;padding:.625rem 1.25rem;text-overflow:ellipsis;white-space:nowrap}.inputfile+label svg{fill:currentColor;height:1em;left:15%;margin-right:.25em;margin-top:-.25em;position:absolute;top:61%;vertical-align:middle;width:1em}.iborrainputfile{font-family:Lato;font-size:16px;font-weight:400}.inputfile-1+label{background-color:#c3a07700;color:#023a69}.inputfile-1+label:hover,.inputfile-1.has-focus+label,.inputfile-1:focus+label{border-color:#023a69}@media (max-width:320px){.menu-profile{width:80%}.nick-input{padding-left:10px}}@media (min-width:700px){.menu-profile{width:45%}}@media (min-width:1440px){.menu-profile{height:50vh}.nickname-input{width:80%}.inputfile+label svg{left:35%;margin:0;top:63%}}@keyframes menuIn{0%{animation-timing-function:ease-in;transform:translateX(200px)}50%{animation-timing-function:ease-in;transform:translateX(100px)}to{animation-timing-function:ease-in;transform:translateX(0)}}@keyframes menuOut{0%{animation-timing-function:ease-in;transform:translateX(0)}50%{animation-timing-function:ease-in;transform:translateX(100px)}to{animation-timing-function:ease-in;transform:translateX(200px)}}.button-change{background-color:#0b345d;border:none;border-radius:10px;bottom:60px;color:#f5f5f5;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;height:auto;left:10px;margin:10px 24px;padding:5px 0;position:absolute;width:calc(100% - 62px)}.button-change:hover{background-color:#f5f5f5;color:#0b345d}.hidde{display:none}.show{display:block}@media (min-width:700px){.button-change{bottom:10px;width:calc(50% - 62px)}}.button-cancel-profile{background-color:#f5f5f5;border:none;border-radius:10px;bottom:10px;color:#0b345d;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;height:auto;margin:10px 24px;padding:5px 0;position:absolute;right:10px;width:calc(100% - 62px)}.button-cancel-profile:hover{background-color:#0b345d;color:#f5f5f5}@media (min-width:700px){.button-cancel-profile{width:calc(50% - 62px)}}
/*# sourceMappingURL=main.9e486f9c.css.map*/