@charset "UTF-8";@keyframes twinkle{0%{filter:brightness(1) drop-shadow(0 0 0px #ffb641);transform:scale(1) rotate(0)}50%{filter:brightness(1.1) drop-shadow(0 0 16px #ffb641);transform:scale(1.1) rotate(3deg)}to{filter:brightness(1) drop-shadow(0 0 0px #ffb641);transform:scale(1) rotate(0)}}.overlay-alert{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;font-family:Gloria Hallelujah,cursive;color:#49232e;justify-content:center;align-items:center;z-index:9999}.overlay-alert__content{background-color:#fff9ebf2;padding:20px 30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:300px;width:80%}.overlay-alert__close{margin-top:15px;padding:10px 20px;background-color:#fb738c;color:#fff9eb;font-family:Permanent Marker,cursive;font-size:1.1rem;letter-spacing:2px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.overlay-alert__close:hover{scale:1.05}.container{width:100%;height:100dvh;background-image:url(./starsBackground-7a754855.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.container__star{position:absolute;width:50vw;max-width:200px;height:auto;top:1%;left:50%;animation:twinkle 2s alternate}.header{width:100%;color:#49232e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0 20px}.header__title-group{display:flex;flex-direction:column;align-items:flex-start;margin:0 auto;font-family:Fredoka,sans-serif;font-size:75px;font-weight:1000}.header__title{width:100%;margin:0;padding:0;text-align:left;line-height:1}.main-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}@media (min-width: 1024px){.main-container{flex-direction:row;align-items:flex-start;padding:0 20px}}@media (min-width: 1200px){.main-container{flex-direction:row;align-items:flex-start}}.main-container__counter-add{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:20px}@media (min-width: 1024px){.main-container__counter-add{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%}}@media (min-width: 1200px){.main-container__counter-add{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%}}.current-tasks{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 20px 24px;padding:0 24px;background:#f7b5c7;width:90%;max-width:450px;border-radius:18px;font-family:Gloria Hallelujah,cursive;font-size:1.2rem;font-weight:700;color:#49232e;box-shadow:0 4px 6px #0006}@media (min-width: 768px){.current-tasks{width:50%}}@media (min-width: 1024px){.current-tasks{width:100%;margin-left:20px}}@media (min-width: 1200px){.current-tasks{width:100%;margin-left:20px}}.current-tasks__icon{font-size:1.5rem;color:#fb738c;margin-right:8px}.current-tasks__count{color:#fb738c;font-size:1.5rem;font-family:Fredoka,sans-serif;font-weight:900;margin:0 4px}.add-container{background-color:#ffb641;display:flex;flex-direction:column;align-items:center;margin:0 30px 20px;padding:15px;border-radius:30px;border:5px solid #49232e;box-shadow:0 4px 6px #0006;width:90%}@media (min-width: 1024px){.add-container{width:100%;margin-left:20px}}.add-form{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.add-form__input{height:60px;line-height:60px;width:100%;border-radius:20px;border:4px solid #f58338;background-color:#ffeec5;padding:0 10px;font-size:16px;font-family:Gloria Hallelujah,cursive}.add-form__input::placeholder{font-family:Gloria Hallelujah,cursive;font-size:20px;color:#49232e99;font-weight:600}.add-form__button{background-color:#f58338;color:#fff9eb;border:none;border-radius:15px;border:4px solid #49232e;padding:8px 15px;font-size:20px;cursor:pointer;font-family:Permanent Marker,cursive;font-weight:700;transition:background-color .2s ease,transform .1s ease;transition:scale .2s ease}.add-form__button:hover{background-color:#ffeec5;color:#f58338;scale:1.05}@media (min-width: 768px){.add-form__input{height:70px;font-size:18px;padding:0 15px}.add-form__button{padding:10px 20px;font-size:22px}}@media (min-width: 1024px){.add-form__input{height:60px;font-size:20px;padding:0 20px}.add-form__button{padding:8px 25px;font-size:24px}}@media (min-width: 1200px){.add-form__input{height:60px;font-size:20px;padding:0 20px}.add-form__button{padding:8px 25px;font-size:24px}}.tasks-container{background-color:#87ceebb3;display:flex;flex-direction:column;align-items:center;margin:0 30px 20px;padding:15px;border-radius:30px;border:5px solid #49232e;box-shadow:0 4px 6px #0006;width:90%;gap:15px}@media (min-width: 1024px){.tasks-container{width:75%}}.search-form{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.search-form__input{height:60px;line-height:60px;width:100%;border-radius:20px;border:4px solid #5498df;background-color:#ffeec5;padding:0 10px;font-size:16px;font-family:Gloria Hallelujah,cursive}.search-form__input::placeholder{font-family:Gloria Hallelujah,cursive;font-size:20px;color:#49232e99;font-weight:600}.search-form__button{background-color:#5498df;color:#fff9eb;border:none;border-radius:15px;border:4px solid #49232e;padding:8px 15px;font-size:20px;cursor:pointer;font-family:Permanent Marker,cursive;font-weight:700;transition:background-color .2s ease,transform .1s ease;transition:scale .2s ease}.search-form__button:hover{background-color:#ffeec5;color:#5498df;scale:1.05}@media (min-width: 768px){.search-form__input{height:70px;font-size:18px;padding:0 15px}.search-form__button{padding:10px 20px;font-size:22px}}@media (min-width: 1024px){.search-form__input{height:60px;font-size:20px;padding:0 20px}.search-form__button{padding:8px 25px;font-size:24px}}@media (min-width: 1200px){.search-form__input{height:60px;font-size:20px;padding:0 20px}.search-form__button{padding:8px 25px;font-size:24px}}.list{background-color:#fffcf3;display:flex;flex-direction:column;box-shadow:0 4px 6px #0006;gap:15px;border-radius:30% 2%/10% 50%;border:3px solid #49232e;width:100%;min-height:200px;max-width:90%;align-items:flex-start;color:#49232e;font-family:Gloria Hallelujah,cursive;font-size:20px;list-style:none;padding:20px;margin:0;box-sizing:border-box}.list__task input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border:3px solid #49232e;border-radius:50% 20%/10% 50%;background:#fff9eb;cursor:pointer;position:relative;vertical-align:middle;transition:border-color .2s}.list__task input[type=checkbox]:checked{background:#ffb641;border-color:#49232e}.list__task input[type=checkbox]:checked:after{content:"✔";position:absolute;left:4px;top:-12px;font-size:33px;color:#49232e;pointer-events:none}.list__task .fa-solid{cursor:pointer;color:#49232e;margin-right:1rem;transition:color .2s ease}.list__task .fa-solid:hover{color:#f58338;scale:1.2}.crossed-out-task{text-decoration:line-through;opacity:.6;color:#49232e;transition:opacity .2s}.footer{margin-top:auto;text-align:center;padding:1rem;font-family:Gloria Hallelujah,cursive;font-size:13px}.footer__link{color:#f58338;text-decoration:underline}@media (min-width: 768px){.footer{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}fieldset{border:0}button{background:none;border:none;cursor:pointer}