body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6cf;--secondary-color:#0af;--secondary-color-accent:#b3e5ff;--secondary-color-darker:#19b2ff;--contrast-color:#ff6680;--contrast-color-darker:#ff4d6a;--contrast-color-accent:#ff8095;--greenlight-color:#32cd32;--greenlight-color-darker:#2db92d;--greenlight-color-accent:#5bd75b;scrollbar-width:none}#root{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;justify-content:center}.task-container,main{align-items:center;display:flex}.task-container{flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-evenly;list-style:none;margin:0;padding:.5rem 0;row-gap:.5rem;width:100%}.btn{border-radius:4px;border-style:none;cursor:pointer;margin:0 .5rem;padding:.25rem .5rem}.modal{align-items:center;background-color:#fff;border:1px solid var(--contrast-color);border-radius:.5rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.5);display:flex;flex-direction:column;height:clamp(360px,60vh,500px);justify-content:center;left:50%;opacity:1;padding:1rem;position:fixed;top:50%;translate:-50% -50%;visibility:visible;width:clamp(270px,80vw,600px);z-index:999}.overlay{background:rgba(179,228,255,.5);background:linear-gradient(0deg,rgba(255,102,128,.4),rgba(0,170,255,.4) 15%,rgba(179,229,255,.4) 50%,rgba(0,170,255,.4) 85%,rgba(255,102,128,.4));height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.content{flex:0 0 80%}.content,.modalHeader{width:clamp(270px,80%,100%)}.modalHeader{display:flex;flex-direction:row;justify-content:space-between}.toggle-button{background-color:var(--contrast-color);border:1px solid var(--contrast-color);margin:0;place-self:center end}.toggle-button:hover{background-color:var(--contrast-color-accent)}.toggle-button:active{background-color:var(--contrast-color-darker)}@media (max-width:400px){.content{width:100%}}form{grid-row-gap:.5rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 3fr 10%;height:100%;row-gap:.5rem}.title{display:flex;flex-direction:column;grid-column:1;grid-row:1}.title input{margin-top:.2rem}.status{align-items:center;display:flex;flex-direction:row;grid-column:2;grid-row:1;justify-content:center}.status input[type=checkbox]{position:relative;top:2px}.description{display:flex;flex-direction:column;grid-column:1/3;grid-row:2/3}.description textarea{height:100%;margin-top:.2rem}.submit{background-color:var(--greenlight-color);border:1px solid var(--greenlight-color);grid-column:1/3;grid-row:3/4;justify-self:center;padding:.2rem .5rem .25rem;width:auto}.submit:hover{background-color:var(--greenlight-color-accent)}.submit:active{background-color:var(--greenlight-color-darker)}nav{align-items:center;background-color:var(--primary-color);display:flex;height:3rem;justify-content:space-evenly;position:-webkit-sticky;position:sticky;top:0;width:100%}nav ul{list-style:none;margin:0;padding:0}nav ul,nav ul li{display:inline-block}nav ul li{box-sizing:border-box}.nav-title{border-radius:50px;font-weight:bolder;padding:.75rem 2rem;text-shadow:2px 2px 1px var(--secondary-color-accent);-webkit-user-select:none;user-select:none}.nav-title,.new-task-btn{background-color:var(--secondary-color)}.new-task-btn{border:1px solid var(--secondary-color);border-radius:8px;color:#000;padding:.75rem}.new-task-btn:hover{background-color:var(--secondary-color-accent)}.new-task-btn:active{background-color:var(--secondary-color-darker)}.nav-link{background-color:var(--primary-color);border:none;cursor:pointer;margin:0;padding:calc(1rem - .5px) 1rem}.active{background-color:var(--secondary-color)}.nav-link:hover{background-color:var(--secondary-color-accent)}@media (max-width:400px){.nav-title{padding:.75rem}.new-task-btn{padding:.75rem .5rem}.nav-link{padding:calc(1rem - 1.25px) .5rem}}.welcome-wrapper{padding:1rem 17rem}.welcome-wrapper h1{color:var(--contrast-color-darker);padding-bottom:2rem}.welcome-wrapper h2{color:var(--contrast-color)}.welcome-wrapper p b{color:var(--secondary-color-darker)}@media (max-width:400px){.welcome-wrapper{padding:1rem 2rem}}.task-card{border:2px solid var(--contrast-color);border-radius:10px;display:flex;flex-basis:250px;flex-direction:column;text-align:center}.task-title{background-color:var(--primary-color);border-top-left-radius:8px;border-top-right-radius:8px;font-weight:bolder;padding:1rem;text-shadow:2px 2px 1px var(--secondary-color-accent)}.completed-task{border:2px solid var(--greenlight-color)}.task-description{flex:0 0 80%;padding:0 1rem}.control-btns{padding:0 1rem 1rem}.btn-secondary{background-color:var(--secondary-color);border:1px solid var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-color-accent)}.btn-secondary:active{background-color:var(--primary-color)}.btn-important{background-color:var(--contrast-color);border:1px solid var(--contrast-color)}.btn-important:hover{background-color:var(--contrast-color-accent)}.btn-important:active{background-color:var(--contrast-color-darker)}footer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:auto;padding:.5rem 0}@media (max-width:400px){footer{font-size:.8rem}}
/*# sourceMappingURL=main.675abb95.css.map*/