@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}.app__container{background-color:#f3f3ee}.app__container .app__content{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.popup__update{background:hsla(0,0%,52%,.675);height:100vh;left:0;position:fixed;top:0;width:100%}.popup__update-form{background:#fff;border:1px solid #999;border-radius:4px;height:auto;margin:30vh auto 0;max-height:70vh;max-width:700px;overflow:auto;padding:20px;position:relative;width:80vw}.popup__update-form-input{border:1px solid #cfd0d5;border-radius:3px;padding:.3em .6em}.popup__update-form-inputs{align-items:center;display:flex;flex-direction:column}.popup__update-form-inputs *{margin-bottom:.7em}.popup__update-form-submit{cursor:pointer;font-weight:700;padding:.5em;transition:all 1s}.popup__update-form-submit:hover{border:2px solid #5cd6a0;border-radius:5px;color:#5cd6a0}.popup__update-icon{background-color:#51e3a4;border:none;border-radius:50%;color:hsla(0,0%,60%,.655);content:"";cursor:pointer;font-size:2rem;height:50px;line-height:20px;position:relative;text-align:center;top:15px;transition:color .2s;width:50px}.popup__update-icon:hover{color:#d7e6e1}.update-container{position:relative;z-index:1}.button{background-color:transparent;border:none;margin:.5em}.todoContainer{align-items:center;display:flex;justify-content:space-between;margin-bottom:1em}.todoContainer__title-description{overflow-x:auto;text-transform:capitalize;white-space:nowrap;width:60%}.todoContainer__title-description h5{font-weight:400}.todoContainerbutton-container{width:40%}::-webkit-scrollbar{height:3px}::-webkit-scrollbar-track{background:#6d0000}.container{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#747981;max-width:700px;width:80vw}.content{padding:1em}.content__title{color:#5cd6a0;margin:1em;text-align:center}.content__dates{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5em}.content__date{display:flex}.content__date-section-1{align-items:center;display:flex;height:24px;margin-right:.3em}.content__date-day{font-size:2.2em;font-weight:700}.content__date-section-2{display:flex;flex-direction:column;justify-content:space-between;line-height:10px}.content__date-month{font-size:.8em;font-weight:700}.content__date-year{font-size:.8em}.content__date-dayName{font-weight:600;letter-spacing:-1px}.content__list{list-style:none;max-height:300px;min-height:100px;overflow-y:auto}.content__submit{display:flex;justify-content:center;position:relative;top:35px}::-webkit-scrollbar{display:none}@media screen and (min-width:768px){::-webkit-scrollbar{display:block;width:5px}}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a9dac5;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#51e3a4}.popup{background:hsla(0,0%,52%,.675);height:100vh;left:0;position:fixed;top:0;width:100%}.popup__form{align-items:center;background:#fff;border:1px solid #999;border-radius:4px;color:#000;display:flex;height:40vh;justify-content:center;margin:30vh auto 0;max-height:70vh;max-width:700px;overflow:auto;position:relative;width:80vw}.popup__form-input{border:1px solid #cfd0d5;border-radius:3px;margin:.4em;padding:.6em 1.5em}.popup__form-inputs{align-items:center;display:flex;flex-direction:column}.popup__form-inputs *{margin-bottom:.7em}.popup__form-submit{color:#000;cursor:pointer;font-size:1em;font-weight:700;padding:.5em;transition:border 1s}.popup__form-submit:hover{border:2px solid #5cd6a0;border-radius:5px}.center{display:flex;justify-content:center}.popup__close-icon{background-color:#51e3a4;border:none;border-radius:50%;color:hsla(0,0%,60%,.655);content:"x";cursor:pointer;font-size:2rem;height:50px;line-height:20px;position:relative;text-align:center;top:20px;transition:color .2s;width:50px}.popup__close-icon:hover{color:#d7e6e1}.create__todo__add-btn{background:#51e3a4;border:none;border-radius:50%;bottom:10px;color:hsla(0,0%,60%,.655);content:"x";cursor:pointer;font-size:2rem;height:50px;line-height:20px;position:relative;text-align:center;transition:color .2s;width:50px}.create__todo__add-btn:hover{color:#d7e6e1}
/*# sourceMappingURL=main.f35fc3da.css.map*/