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