:root{--main-color:#fff;--secondary-color:#000;--accent-color:#0b4f6c}*{box-sizing:border-box;font-family:Raleway,system-ui,Helvetica,Arial,sans-serif;margin:0;padding:0}.container{display:grid;grid-template-areas:"header" "main-content" "left-sidebar";grid-template-columns:minmax(0,1fr)}.container>*{padding:16px}.container>.header{align-items:center;background-color:var(--accent-color);color:var(--main-color);display:flex;gap:12px;grid-area:header}#mythosaur-logo{width:50px}.container a,button{color:var(--secondary-color)}button{background-color:transparent;border:1px solid var(--secondary-color);border-radius:4px;font-size:1rem;padding:6px;width:fit-content}.quote{align-self:center;background:#eee;border-radius:16px;max-width:300px;padding:16px;width:80%}.quote blockquote,.quote figcaption{margin:16px}.quote figcaption{text-align:end}.container>.left-sidebar{grid-area:left-sidebar}#inbox{align-items:center;display:flex;gap:4px;padding:4px 0;width:fit-content}#inbox-img{width:20px}.left-sidebar>nav{display:flex;flex-direction:column;gap:16px}.projects-container{gap:24px}#project-list,.projects-container{display:flex;flex-direction:column}#project-list{gap:8px}.project-list-item{align-items:stretch;display:flex;gap:8px;list-style:none}.project{background-color:transparent;border-radius:4px;flex:1;overflow:hidden;padding:12px;text-decoration:none;text-overflow:ellipsis}.delete-project-btn{align-items:center;display:flex;margin:4px}.trash-can-img{width:20px}#new-project-btn{align-self:center}#new-project-dialog{align-self:center;border:1px solid var(--secondary-color);border-radius:4px;padding:12px;position:relative}#new-project-form{display:flex;flex-direction:column}#new-project-title{border:1px solid var(--secondary-color);border-radius:4px;padding:8px}#new-project-form-btns{display:flex;gap:12px;justify-content:center;margin-top:12px}button[value=submit]{background-color:var(--accent-color);border:1px solid var(--accent-color);color:var(--main-color)}#author{align-self:center}.container>.main-content{display:flex;flex-direction:column;gap:24px;grid-area:main-content}.main-content button{background-color:transparent;border:1px solid var(--secondary-color)}#current-project-title{overflow:hidden;text-overflow:ellipsis}#list-of-todos{list-style-type:none}#list-of-todos,.todo-list-item{display:flex;flex-direction:column}.todo-list-item{border-bottom:1px solid #000;gap:12px;margin:0 12px 12px;padding-bottom:12px}.todo-list-item-first-row{align-items:center;display:flex;gap:4px;justify-content:flex-end}.todo-title{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-due-date{margin-left:8px;white-space:nowrap}.todo-btns-container{display:flex;gap:12px;justify-content:center}.edit-todo-btn{align-items:center;display:flex}.square-edit-img{width:20px}.delete-todo-btn{align-items:center;display:flex}#new-todo-btn{align-self:center}.modal{border:1px solid var(--secondary-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:auto;padding:20px;width:80%}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-modal-btn{align-self:flex-end}.modal-title{font-size:1.2rem;font-weight:600}#todo-details-modal{overflow-wrap:break-word}#edit-todo-form,#new-todo-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;flex-direction:column;gap:8px}form input,form select,form textarea{border:1px solid var(--secondary-color);border-radius:4px;font-size:1rem}#todo-title,form textarea{padding:8px;width:100%}#todo-due-date,#todo-priority{background-color:#fff;color:#000;padding:4px;width:fit-content}#submit-todo-form-btn{align-self:flex-end;font-weight:400}@media (hover:hover){.todo-checkbox:hover,button:hover{cursor:pointer}.project:hover,button:hover{background-color:#e2e2e2}button[value=submit]:hover{background-color:var(--accent-color);filter:brightness(150%)}}@media screen and (min-width:768px){.container{grid-template-areas:"header header" "left-sidebar main-content";grid-template-columns:minmax(250px,300px) 1fr}.modal{width:50%}}
/*# sourceMappingURL=main.css.map*/