:root{box-sizing:border-box;padding:0;margin:0;--main-back: hsl(0, 0%, 10%);--second-back: hsl(0, 0%, 15%);--third-back: hsl(0, 0%, 20%);--main-text: hsl(0 0% 90%);--second-text: hsl(0, 0%, 80%);--third-text: hsl(0, 0%, 75%);--accent: oklch(49.1% .27 292.581)}*{box-sizing:inherit}.break{width:90vw;margin:0 auto;height:1px;background-color:var(--second-back)}.flex{display:flex}html{width:100vw;background-color:var(--main-back);overflow-x:hidden}.start-object{width:100%;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;padding:0 6rem}.add-btn{margin:.3rem 2.5rem .75rem 0;font-weight:700;font-size:1rem;border:2px solid var(--accent);border-radius:8px;background-color:var(--main-back);color:var(--accent);max-height:1.7rem}.add-btn:hover,.add-btn:focus{background-color:var(--accent);color:var(--main-back)}.btn-container{display:grid;grid-template-columns:repeat(3,1fr);justify-items:end;padding:0 6rem}.title{color:var(--main-text);display:inline-block}.flex-title{display:flex;justify-content:space-between;width:100%;align-items:center;padding-left:1.2rem}.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;color:var(--main-text);justify-content:center;z-index:2}.label{display:block;margin:1rem 0 .2rem}.form-background{background-color:var(--main-back);border-radius:10px;margin-top:1rem;font-size:1.2rem;padding:1rem}.form{padding:2rem 10rem 5rem}.close-btn{justify-self:end;margin:.3rem .3rem .75rem 0;font-weight:700;font-size:1rem;border:2px solid var(--accent);border-radius:8px;background-color:var(--main-back);color:var(--accent);max-height:1.7rem}.close-btn:hover,.close-btn:focus{background-color:var(--accent);color:var(--main-back)}.button-container{display:flex;justify-content:end}input,textarea{font-size:1rem;border:2px solid var(--main-text);border-radius:8px;background-color:var(--main-back);color:var(--main-text);max-height:1.7rem}.not-required{color:var(--second-text)}.submit{display:block;justify-self:end;margin:2rem .3rem .75rem 0;padding:.2rem .5rem;font-weight:700;font-size:1rem;border:2px solid var(--accent);border-radius:8px;background-color:var(--main-back);color:var(--accent);max-height:1.7rem}.submit:hover,.submit:focus{background-color:var(--accent);color:var(--main-back)}.option{background-color:var(--main-back);color:var(--main-text)}textarea{min-height:5rem}.list-container{min-height:50rem;width:100%}.list-object{background-color:var(--second-back);border-radius:10px;padding:.25rem 1rem;min-width:22rem;max-width:22rem;margin-top:1rem}.deadline-container{justify-content:end}.list-deadline{font-weight:700;color:var(--second-text);font-size:1.1rem}.list-title{font-weight:700;color:var(--main-text)}.list-description{color:var(--second-text)}.title-container{display:flex;justify-content:space-between}.remove-btn{margin:1rem .3rem 0 0;font-weight:700;font-size:1rem;border:2px solid var(--accent);border-radius:8px;background-color:var(--main-back);color:var(--accent);max-height:1.7rem;width:1.7rem}.remove-btn:hover,.remove-btn:focus{background-color:var(--accent);color:var(--main-back)}