@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(9dfdc5f1afd1e0015b0d.woff2),format("woff2-variations")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(a2f3f9be0e5df2a289dc.woff2),format("woff2-variations")}@font-face{font-display:block;font-family:Urbanist;font-style:normal;font-weight:100 900;src:url(c7ba79fc330d48e45a57.woff2),format("woff2-variations")}@font-face{font-display:block;font-family:Urbanist;font-style:italic;font-weight:100 900;src:url(99df43e15950901ff52c.woff2),format("woff2-variations")}*{box-sizing:border-box;color:#fff;font-family:Urbanist,serif;font-weight:550;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Inter,sans-serif;font-weight:200}button,input{appearance:none;background-color:none;border:none;outline:none}body{background-color:#000;display:grid;grid-template-columns:1fr 3fr}.sidebar{background-color:#323232;box-shadow:16px 0 32px blue;display:flex;flex-direction:column;grid-column:1;height:100vh;overflow-y:auto}.logo-text{font-size:4rem;margin-bottom:2rem;padding:1rem}.categories{display:grid;grid-auto-columns:4fr 1fr;grid-auto-rows:fit-content}.categories>button{background-color:#323232;font-family:Inter,sans-serif;font-size:2rem;font-weight:200;grid-column:1;padding:1rem;text-align:left}.categories>button:hover{background-color:rgba(0,0,255,.25)}.categories>button.selected{background-color:rgba(0,0,255,.75)}.categories>button.fixed{grid-column:1/3}.categories>button.delete-category{align-items:center;background-color:#500000;display:flex;grid-column:2;justify-content:center;padding:0}.categories>button.delete-category:hover{background-color:red;fill:#fff;stroke:#fff}.delete-category-icon{height:auto;pointer-events:none;width:4rem}.new-item{background-color:#323232;border-radius:64000000px;bottom:20px;box-shadow:0 16px 32px blue;font-size:5rem;padding:.5rem 2rem;position:fixed;right:20px;text-align:center}.new-item:hover{background-color:#0f0fce;font-size:6rem;padding:0 1.65rem}.categories button.new-category{grid-column:1/3;position:relative}[class=new-category-form]{bottom:0;display:grid;grid-template-columns:4fr 1fr;height:inherit;left:0;position:absolute;right:0;top:0;width:100%}.new-category-form.box{background-color:#323232;border:4px solid #000;border-right-width:2px;font-family:Inter,sans-serif;font-size:2rem;font-weight:200;grid-column:1/2;min-width:0;padding:.5rem 1rem;text-align:left}.new-category-form.btn{background-color:#323232;border:4px solid #000;border-left-width:2px;font-size:2rem;font-weight:600;grid-column:2/3;padding:0;text-align:center}.new-category-form.btn:hover{background-color:green}.content{flex-direction:column;gap:1rem;grid-column:2;overflow-y:auto;padding:1rem 2rem}.content,.darken{display:flex;height:100vh}.darken{align-items:center;background-color:rgba(0,0,0,.5);justify-content:center;overflow:hidden;position:fixed;width:100vw}[class=item-box],[class=item-form]{box-shadow:0 0 32px blue;display:grid;grid-template-columns:1fr 2fr 3fr 3fr 1fr;grid-template-rows:1fr 3fr}.content .item-box{grid-template-rows:auto auto}[class=item-box]{box-shadow:0 8px 16px blue}.item-box,.item-form{background-color:#323232;border:2px solid #000;color:#fff}.editing{border:2px solid orange}.item-box.submit,.item-form.submit{background-color:#323232;color:#fff;font-size:2rem;grid-column:1;grid-row:1}.item-box.submit:hover,.item-form.submit:hover{background-color:green}.expand-arrow{background-color:#323232;font-size:2rem;grid-column:5;grid-row:1}.expand-arrow:hover{background-color:#646464}.item-box.title,.item-form.title{font-family:Inter,sans-serif;font-size:2rem;font-weight:200;grid-column:2/4;grid-row:1;padding:.5rem 1rem}.item-box.due-date,.item-form.due-date{font-size:2rem;grid-column:4/-1;grid-row:1;min-width:0}.item-box.due-date{font-family:Urbanist,serif;font-weight:550;grid-column:4;padding:.5rem}.expandable{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:1fr 2fr 3fr 2fr 2fr;grid-template-rows:fit-content fit-content}.description,.item-box.description{font-size:1rem;grid-column:1/-1;grid-row:2;height:auto;padding:.25rem .5rem;resize:none;white-space:pre-wrap}.item-box.description{grid-row:1}.item-box.priority,.priority-selector{font-size:2rem;grid-column:1/3;grid-row:3;padding:.5rem 1rem}.priority-selector.editing{grid-column:1/4}.item-box.priority{font-family:Urbanist,serif;font-weight:550;grid-row:2}.category-selector,.item-box.category{font-size:2rem;grid-column:3/4;grid-row:3;padding:.5rem 1rem;width:100%}.category-selector.editing{grid-column:4/6}.item-box.category{font-family:Urbanist,serif;font-weight:550;grid-row:2}.delete,.item-box.delete{background-color:#500000;font-family:Inter,sans-serif;font-size:2rem;font-weight:200;grid-column:4/-1;grid-row:3}.item-box.delete{grid-column:5;grid-row:2}.item-box.delete:hover,.item-form.delete:hover{background-color:red;color:#000}.item-box.edit{background-color:#503900;font-family:Inter,sans-serif;font-size:2rem;font-weight:200;grid-column:4;grid-row:2}.item-box.edit:hover{background-color:orange;color:#000}.hidden{display:none}.disabled{pointer-events:none}.new-category-form{pointer-events:auto}.completed{text-decoration:line-through}.delete.completed{grid-column:4/-1;text-decoration:none}.item-box.submit.completed{background-color:green;text-decoration:none}.item-box.submit.completed:hover{background-color:#646464}
/*# sourceMappingURL=main.7a81de3459fdf1b271d8.css.map*/