@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);.header{align-items:flex-start;background-color:var(--secondary-color);border-bottom:2px solid var(--border-color);display:flex;flex-direction:column;padding:1rem;width:100%}.header__title{color:var(--light-pinkish-red);font-size:1.8rem;margin-bottom:1rem}.header__inputs{grid-gap:1rem;display:grid;gap:1rem;width:100%}.header__input-group{display:flex;flex-direction:column}.header__label{color:var(--text-color);font-weight:600;margin-bottom:.5rem}.header__input{border:2px solid var(--border-color);border-radius:5px;font-family:Poppins,sans-serif;padding:.6rem;width:100%}.header__toggle{align-items:center;cursor:pointer;display:flex}.header__toggle-input{display:none}.header__toggle-slider{background-color:var(--light-pinkish-red);border-radius:34px;height:20px;position:relative;transition:background-color .4s;width:34px}.header__toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:transform .4s;width:16px}.header__toggle-input:checked+.header__toggle-slider{background-color:var(--primary-color)}.header__toggle-input:checked+.header__toggle-slider:before{transform:translateX(14px)}.header__toggle-input:focus+.header__toggle-slider{box-shadow:0 0 0 3px var(--light-pinkish-red);outline:none}.header__toggle-slider:hover{background-color:lighten(var(--primary-color),10%)}@media (min-width:768px){.header{align-items:center;flex-direction:row;justify-content:space-between}.header__title{font-size:2.2rem;margin-bottom:0}.header__inputs{display:flex;gap:1.5rem;width:auto}.header__input-group{flex-direction:column}}@media (min-width:1600px){.header{padding:2rem}.header__title{margin-bottom:0}.header__label{font-size:1.125rem}#date.header__input,#week.header__input{font-size:1rem;padding:.9rem 3rem}}.activity-sections{grid-gap:1.5rem;display:grid;gap:1.5rem}.routine-section{grid-gap:1rem;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 6px #0000001a;display:grid;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.routine-header{border:2px solid var(--border-color);border-radius:8px;padding:1rem}.afternoon-header,.evening-header,.morning-header,.routine-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.afternoon-header,.evening-header,.morning-header{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;gap:16px;margin-bottom:16px;padding:1.5rem}.afternoon-header h2,.evening-header h2,.morning-header h2{border-bottom:2px solid var(--text-color);color:var(--primary-dark);font-size:24px}.afternoon-header p,.evening-header p,.morning-header p{color:#595959;font-size:1rem}.activity-list{grid-gap:1.25rem;border-radius:8px;display:grid;gap:1.25rem;grid-template-columns:1fr;list-style:none;padding:2rem 0}.activity-item{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:12px;padding:1rem;transition:transform .2s ease}.activity-item:hover{transform:scale(1.02)}label{align-items:center;display:flex;flex-direction:row;gap:.75rem}.delete-btn{background-color:var(--secondary-color);width:50%}.activity-item input[type=checkbox]{height:25px;width:25px}.new-activity{display:flex;flex-direction:column;gap:1rem}.new-activity input[type=text]{border:1px solid var(--border-color);border-radius:8px;flex-grow:1;font-size:1rem;padding:14px}.new-activity button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.new-activity button:hover{background-color:var(--hover-color)}.toggle-view button{padding:.7rem 1.5rem}.toggle-view button.active{color:var(--card-background)}.sun-icon{transition:transform .3s ease,filter .3s ease;width:50px}.sun-icon:hover{filter:brightness(1.2);transform:scale(1.1)}@keyframes shine{0%{filter:brightness(1)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}.sun-icon.shine{animation:shine 1.5s infinite}@keyframes share{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.sun-icon.share{animation:share .5s infinite}.sun-icon:hover.share{animation:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-icon{animation:float 3s ease-in-out infinite;width:50px}.moon-icon{animation:moon-phase 2s ease-in-out infinite;width:50px}@keyframes moon-phase{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.float-icon,.moon-icon,.sun-icon.share,.sun-icon.shine{animation:none;transition:none}}@media (min-width:768px){.header__input{padding:.9rem}.routine-section{align-items:start;box-shadow:0 2px 10px #0003;gap:2rem;grid-template-columns:1fr 1fr}.routine-header{flex-direction:row;gap:1rem;justify-content:space-between;padding:16px}.float-icon,.moon-icon,.sun-icon{height:55px;margin-bottom:10px;width:55px}.activity-container{grid-gap:1rem;display:grid;gap:1rem}.activity-item input[type=checkbox]{height:30px;width:30px}.activity-item{gap:1.5rem;padding:1rem}#afternoon-section,#evening-section,#morning-section{margin-bottom:0}.activity-list{background-color:var(--card-background);padding:0}.activity-item{box-shadow:0 2px 5px #0003}label{align-items:center;display:flex;flex-direction:row;gap:.75rem}.delete-btn{width:45%}.new-activity{border-radius:8px;box-shadow:0 2px 10px #0003;padding:1rem}.new-activity input[type=text]{font-size:17px;padding:12px;width:100%}.new-activity button{font-size:18px;padding:12px;width:100%}}@media (min-width:1024px){.activity-sections{display:flex;flex-direction:row;gap:.75rem}.routine-section{align-items:center;display:flex;flex-direction:column;gap:2rem}.routine-header{padding:7px}.float-icon,.moon-icon,.sun-icon{width:60px}.activity-item{padding:1.5rem}.activity-item input[type=checkbox]{height:24px;width:24px}.new-activity{gap:1rem}.new-activity button,.new-activity input[type=text]{font-size:1rem}}@media (min-width:1200px){.activity-sections{display:flex;gap:2rem;justify-content:space-between}.routine-section{grid-template-columns:none;overflow:hidden}.activity-container{width:100%}}button:focus,button:focus-visible{border-radius:8px;box-shadow:0 0 0 3px var(--primary-color),0 0 0 6px var(--card-background);outline:none}input[type=date]:focus,input[type=text]:focus,select:focus{border-radius:8px;box-shadow:0 0 0 3px var(--secondary-color),0 0 0 6px var(--card-background);outline:none}input[type=checkbox]:focus{border-radius:4px;outline:2px solid var(--primary-color);outline-offset:3px}:root{--primary-color:#e01f5f;--primary-dark:#c3134e;--light-pinkish-red:#fad1df;--secondary-color:#2d7f9f;--background-color:#f1f5f8;--text-color:#000;--card-background:#fff;--border-color:#e92063;--hover-color:#c3134e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f5f8;background-color:var(--background-color);color:#000;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6;padding:20px}a{color:#e01f5f;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#c3134e;color:var(--primary-dark);font-weight:600;margin-bottom:1rem}section{margin-bottom:2rem}button{background-color:#e01f5f;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease}button:hover{background-color:#c3134e;background-color:var(--hover-color)}input,textarea{border:2px solid #e92063;border:2px solid var(--border-color);border-radius:5px;font-family:Poppins,sans-serif;padding:.8rem;width:100%}.activity-card{background-color:#fff;background-color:var(--card-background);border-radius:15px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.activity-card h3{color:#c3134e;color:var(--primary-dark);font-size:1.4rem}.activity-card p{color:#595959}.toggle-view{display:flex;justify-content:center;margin-bottom:20px}.toggle-view button{background-color:#2d7f9f;background-color:var(--secondary-color);font-weight:700;margin:0 10px;padding:.5rem 1rem}.toggle-view button.active{background-color:#e01f5f;background-color:var(--primary-color);color:#fff}.animated{transition:all .3s ease-in-out}.animations-disabled .animated{transition:none}@media (max-width:768px){.container{padding:10px}button{width:100%}}@media (min-width:1600px){.App{margin:0 auto;max-width:1400px}}
/*# sourceMappingURL=main.6df5e6dd.css.map*/