*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0;padding:0}body{min-height:100vh}h1,h2,h3,h4,h5,h6{text-wrap:balance}figcaption,li,p{max-width:65ch;text-wrap:pretty}img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}@font-face{font-family:Quicksand;src:url(acf110216dba87b75c87.woff) format("woff"),url(eee7001445e18dce9066.woff2) format("woff2")}@font-face{font-family:OpenSans;src:url(9249b6c4b8df8006dd1e.woff) format("woff"),url(66f345395bee0c46652f.woff2) format("woff2")}#main-container{display:grid;grid-template-columns:.25fr 1fr;height:100vh}h2{font-family:Quicksand}button:hover,dialog button:hover{background-color:#ffb347}dialog{display:none}dialog:open{align-items:center;border:2px solid #222;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;left:37.5%;padding:2rem;top:12.5%}#add-todo-modal,#edit-todo-modal{height:67.5%;width:25%}#todo-details-modal{top:20%;width:25%;z-index:1}#todo-details-modal p{overflow-wrap:break-word;width:90%}.input-container{display:flex;flex-direction:column;gap:.3rem}input,textarea{padding-left:.2rem}input:focus,textarea:focus{outline-color:#3a86ff}.modal-btn-container{display:flex;gap:.2rem;justify-content:center;margin-top:.4rem}.modal-btn-container>button{background-color:#3a86ff;border-radius:.2rem;flex-basis:50%}#new-project-form{height:30%;top:20%;width:25%}.main-left{align-items:start;background-color:#f4f4f4;display:flex;flex-direction:column;overflow:auto;padding-left:1.5rem;padding-top:1.5rem}.main-left .section-container{border-radius:.5rem;display:flex;flex-direction:column;font-family:OpenSans;font-size:1.2rem;gap:.5rem;margin:1.5rem}.main-left .section-header{color:#2a2a2a;display:flex;font-family:Quicksand;font-size:1.5rem;gap:1rem;margin-bottom:1rem}.section-header-button{background-color:#3a86ff;border:none;border-radius:50%;font-size:1.5rem;padding-left:.5rem;padding-right:.5rem}.project-section-btn,.todo-section-btn{background-color:transparent;border:none}.main-left .filter-div,.main-left .project-div{align-items:center;display:flex;gap:.5rem;padding:.5rem}.main-left .filter-div:hover,.main-left .project-div:hover{background-color:#e0e0e0;border-radius:.3rem}.main-left .project-div{display:flex;justify-content:space-between}.project-section-btn{border-radius:.2rem;padding:.2rem}.project-section-btn img{height:1.3rem}.main-right{background-color:#fff;display:grid;gap:1rem;grid-template-rows:.1fr 1fr;padding:1rem}.main-right .section-header{align-items:center;background-color:#f4f4f4;border-radius:.3rem;display:flex;justify-content:center}.section-header h1{font-family:Quicksand;font-size:2rem}.main-right #main-display{display:flex;flex-direction:column;gap:1rem;justify-self:center;width:90%}.main-right #todo-display{display:flex;flex-direction:column;height:100%}.main-right h2{font-size:1.5rem}.main-right .todo-div{align-items:center;border-bottom:2px solid #f4f4f4;display:flex;gap:1rem;height:10%;justify-content:space-between;margin:0;width:100%}li{position:relative}.expand-details-btn{background:none;background-color:#f4f4f4;border:1px solid #000;border-radius:1rem;color:#000;height:1.1rem;line-height:1rem;margin-left:.2rem;position:absolute;top:.3rem;width:1.1rem}.strikethrough{position:relative}.strikethrough:after{background:red;content:"";height:3px;position:absolute;top:45%;width:100%}.info-div{align-items:center;display:flex;font-family:OpenSans;font-size:1.15rem;gap:1rem}li{display:inline-block;list-style-type:none}li:not(:last-child):after{content:"|";padding-left:.5rem;padding-right:.5rem}.green-block,.red-block,.yellow-block{border-radius:.2rem;height:1.5rem;width:1.5rem}.green-block{background-color:#22c55e}.yellow-block{background-color:#fbbf24}.red-block{background-color:#ef4444}input[type=checkbox]{appearance:none;background-color:#fff;border:2px solid #000;border-radius:50%;font:inherit;height:1.2rem;width:1.2rem}input[type=checkbox]:checked{background-color:#3a86ff;box-shadow:inset 0 0 0 2px #fff}.action-div{display:flex;gap:.2rem;justify-content:center;width:10%}.delete-todo-button,.edit-todo-button{background-color:#3a86ff;border-radius:.2rem;display:flex;height:2rem;justify-content:center;padding:.2rem}
/*# sourceMappingURL=style.css.map*/