html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{color:#303030;background-color:#faf9f6;margin:0;font-family:Noto Sans,serif;font-size:1rem}h1,h2,h3,h3,p{margin:0}.medium-bold-text{font-weight:700}.small-bold-text{padding:0 0 .5em;font-size:.8rem;font-weight:600}.small-text{font-size:.8rem;font-weight:400}.notice-text{padding:0 1em}.wrapper{grid-template-columns:1fr;gap:50px 25px;max-width:1920px;padding:10px 5px;display:grid}main{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (width>=1024px){.wrapper{margin:0 auto 0 280px}}@media (width>=1550px){.wrapper{justify-items:left}}@media (width>=635px){.wrapper{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));padding:20px}.small-text,.small-bold-text{font-size:.9rem}.small-bold-text{padding:0 .5em .5em}}header{flex-direction:column;padding:2em .8em 1.2em;display:flex}.description{max-width:800px;padding:.4em 0 0;line-height:1.5}.countdown{padding:1.2em 0 0;font-size:1rem}.secondary-header{margin:0;padding:2em .8em .5em}@media (width>=1300px){header{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1024px){.countdown{padding:1em 1.5em 1em 0;font-size:1.2rem}.description{padding:.5em 0}header{margin:0 0 0 17.5em;padding:4em 0 3em}.secondary-header{margin:0 0 0 11em;padding:2em 1.3em .5em}}.goal-form{z-index:1;background-color:var(--color3);border-radius:5px;flex-direction:column;width:auto;max-width:600px;display:flex;box-shadow:0 0 5px #303030}.goal-form-external{border-radius:5px;flex-direction:column;height:auto;margin:.625em;display:flex}.goal-form-internal{background-color:var(--color3);border-radius:5px;flex-direction:column;padding:1.25em;display:flex}.create-goal-btn{background-color:var(--color2);cursor:pointer;color:#303030;border:none;border-radius:5px;width:40%;margin:1.8em 0 1.25em;padding:.8em 0;font-family:Noto Sans,serif;font-size:.8rem;font-weight:400}.close-goal-btn{color:#303030;cursor:pointer;background-color:#0000;border:none;font-weight:600}.form-input,.to-do-form input{border:none;border-radius:5px;padding:.6em;font-family:Noto Sans,serif;font-size:1rem}.goal-form input[type=radio]+label{cursor:pointer;white-space:nowrap;align-items:center;padding:0 .5em;font-size:1rem;display:inline-flex}input[type=radio]{font-size:.8rem}.goal-form label,.goal-form legend{padding:.95em 0 .65em}.goal-form fieldset{box-sizing:border-box;border:.5px solid #000;border-radius:5px;width:100%;margin:0 auto}@media (width>=650px){.goal-form{position:fixed;top:200px;left:50%;transform:translate(-50%)}.goal-form-internal{padding:1.25em}.goal-form-external{border:10px solid var(--color1);padding:.5em}.create-goal-btn{font-size:1rem}}@media (width>=1024px){.goal-form{width:600px}}@media (width>=1550px){.goal-form{left:50%;transform:translate(-50%)}.goal-form-external,.saved-goal-external{width:600px}}@media (width<=600px){.goal-form fieldset{align-items:flex-start}.goal-form input[type=radio]+label{padding:.25em .2em;font-size:.8rem}}.saved-goal-external{box-sizing:border-box;border:2px solid var(--color1);background-color:#faf9f6;border-radius:5px;height:100%;margin:.625em}.saved-goal-internal{background-color:#faf9f6;border-radius:5px;padding:1.25em}.to-do-form{flex-direction:column;display:flex}.to-do-form input{width:100%;margin:0 .5rem 0 0;font-size:.8rem}.to-do-label{padding:.5em 0;font-weight:700}.to-do-input{justify-content:space-between;align-items:center;width:100%;margin:.5em 0 .2em;display:flex}.to-do-item{margin:.2em 0;text-decoration:none}.to-do-item-done{margin:.2em 0;text-decoration:line-through}.to-do-actions{justify-content:space-between;align-items:center;display:flex}.to-do-actions label{font-size:.8rem}.action-btns{align-items:center;gap:.5em;margin:0 .8em;display:flex}.action-btns input[type=checkbox]{cursor:pointer;width:1em;height:1em;margin:0;padding:0}.delete-btn{cursor:pointer;color:#303030;background-color:#0000;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:1rem;display:flex}.delete-goal-btn{color:#303030;cursor:pointer;background-color:#0000;border:none;font-size:.8rem;font-weight:600}.add-btn{cursor:pointer;box-sizing:border-box;background-color:var(--color2);border:none;border-radius:50%;justify-content:center;align-items:center;min-width:2.2rem;min-height:2.2rem;margin:0 .2em;padding:0;font-size:.8rem;display:flex}.goal-heading{justify-content:space-between;align-items:center;display:flex}.goal-heading h2{font-size:1.25rem}.goal-details{margin:2.25em 0 1.25em}.goal-footer{justify-content:space-between;align-items:center;display:flex}.goal-deadline{margin:1.5em 0 0}.goal-details p{margin:.2em 0 1.25em;font-size:.8rem}.goal-label{background-color:var(--color4);text-align:center;border-radius:5px;max-width:100px;padding:.3em .625em;font-size:.8rem}.goal-complete-btn{background-color:var(--color2);cursor:pointer;color:#303030;border:none;border-radius:5px;width:auto;margin:1.8em 0 1.25em;padding:.8em;font-family:Noto Sans,serif;font-size:.8rem}.goal-complete-btn:active,.goal-complete-btn:focus,.goal-complete-btn:hover,.add-btn:active,.add-btn:focus,.add-btn:hover{background-color:var(--color4)}progress{background-color:#d9d9d9;border-radius:10px;width:100%;height:20px;margin:0}progress::-webkit-progress-bar{background-color:#d9d9d9;border-radius:10px}progress::-webkit-progress-value{background-color:var(--color1);border-radius:10px}progress::-moz-progress-bar{background-color:var(--color2)}@media (width>=650px){.saved-goal-external{border:6px solid var(--color1);padding:.5em}.goal-heading h2{font-size:1.5rem}.goal-details p{font-size:1rem}.goal-label{max-width:150px;padding:.625em 1.25em;font-size:1rem}.goal-complete-btn,.to-do-actions label,.to-do-form input{font-size:1rem}progress{margin:0 .5em}}@media (width<=635px){.saved-goal-external{width:auto;max-width:none}}.add-goal-btn{cursor:pointer;background-color:var(--color2);color:#303030;border:none;border-radius:5px;margin:.5em .5em 1em;padding:.5em 1em;font-family:Noto Sans,serif;font-size:.8rem}.add-goal-btn:active,.add-goal-btn:focus,.add-goal-btn:hover{background-color:var(--color4)}@media (width>=1024px){.add-goal-btn{width:100%;margin:.5em 0 1em;padding:.5em 1em}}.side-nav{background-color:var(--color3);z-index:1;background-color:#faf9f6;flex-direction:column;width:100%;height:auto;padding:1em .8em;display:flex;top:0;left:0;overflow-x:hidden}.side-nav h2{padding:.3em 0;font-size:1rem;font-weight:500}.goal-level-btn,.theme-btn,.filter-btn{cursor:pointer;color:#303030;border:none;border-radius:5px;padding:.5em;font-family:Noto Sans,serif;font-size:.8rem}.goal-level-btn,.theme-btn{background-color:var(--color2);width:100%;margin:.5em .5em .2em}.goal-level-btn:active,.goal-level-btn:focus,.goal-level-btn:hover,.theme-btn:active,.theme-btn:focus,.theme-btn:hover,.filter-btn:active,.filter-btn:focus,.filter-btn:hover{background-color:var(--color4)}.filter-btn{background-color:var(--color2);width:auto;margin:0 .5em .5em}.goal-levels-filter-btns,.theme-btns{flex-direction:row;margin:0 0 1em;display:flex}.side-nav-actions,.side-nav-add,.filter-nav,.theme-nav{flex-direction:column}.active-btn{background-color:var(--color4);color:#303030;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:100%;margin:.5em;padding:.5em;font-family:Noto Sans,serif;font-size:.8rem;display:inline-flex}@media (width>=1024px){.side-nav{flex-direction:column;width:280px;height:100%;padding:10em 2em;position:fixed}.goal-levels-filter-btns,.theme-btns{flex-direction:column}}.theme-a{--color1:#ff88be;--color2:#fec4dd;--color3:#f9f0f2;--color4:#88beff;background-color:#faf9f6}.theme-b{--color1:#86a6d6;--color2:#86c7d6;--color3:#faf5e0;--color4:#86d68e;background-color:#faf9f6}.theme-c{--color1:#3e8440;--color2:#badd7f;--color3:#f7efda;--color4:#efaca5;background-color:#faf9f6}.theme-d{--color1:#fc703c;--color2:#ffa175;--color3:#f4f3e6;--color4:#3cc8fc;background-color:#faf9f6}