:root{--icon-color:#7f89c5;--font-color:#192b97}html{background-color:#e5e7f3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#192b97;color:var(--font-color);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}#loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:80px;width:80px}#loader-div{align-items:center;display:flex;height:calc(100vh - 3rem - 68px);justify-content:center;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#main-content{display:none}a{text-decoration:none}a:visited{color:#192b97;color:var(--font-color)}*{box-sizing:border-box;margin:0}.App{background-color:#b2b8dc;border:1px solid #000;border-radius:25px;box-shadow:2px 2px 5px #000;height:calc(100vh - 3rem);margin:1.5rem auto;max-width:1200px;min-width:350px;padding:10px 5%;width:80%}nav{height:48px;justify-content:space-around;text-align:center;width:100%}nav,nav>div{display:flex}.add-items-wrapper,.dropdown-content,.opts-wrapper{display:none}nav>div:first-child{padding-right:1rem;width:30%}nav>div:last-child{padding-left:1rem;width:30%}.select-active-list{justify-content:space-around}.select-active-list>div:first-child{display:flex;flex-direction:column;width:40%}.select-active-list>div:last-child{display:flex;flex-direction:row;width:60%}.select-active-list>div>p{align-content:center;flex-grow:1;text-align:end}.list-settings>a>button{background-color:#7f89c5;background-color:var(--icon-color);border-color:#b2b8dc;color:#e5e7f3}.list-settings{align-items:center;display:flex;justify-content:center}.list-settings>a{width:100%}.list-settings>a>button{width:80%}#listTitle{align-content:center;align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:center;text-align:center}.edit-button{margin-left:1rem}.user-profile{justify-content:center}.user-profile>p{align-items:center;display:flex;margin-left:1rem}main{border-top:3px solid #000;display:flex;flex-wrap:wrap;height:calc(100vh - 3rem - 68px)}.new-task-div{height:48px;margin-top:.6rem;width:100%}.new-task-div,.new-task-div>div:first-child{align-items:center;display:flex;justify-content:center}.new-task-div>div:first-child{width:80%}.new-task-div>div:first-child>:where(input,label){margin-right:.5rem}.new-task-div>div:last-child{width:20%}.new-task-div input{height:70%}.due-date-div{height:100%}.due-date-div,.search-item{align-items:center;display:flex}.search-item>input{width:100%}#tasks-wrap{display:flex;flex-wrap:wrap;width:100%}section{border-top:1px solid #000;height:calc(100vh - 6rem - 106px);margin:0 auto;overflow:auto;padding-top:.6rem;width:50%}section>div{text-align:center}section::-webkit-scrollbar{display:none}section{-ms-overflow-style:none;scrollbar-width:none}article{align-items:center;background-color:#e5e7f3;border-radius:25px;box-shadow:2px 2px 5px #000;display:flex;height:96px;justify-content:space-evenly;margin:1rem auto;width:90%}article:last-child{margin-bottom:.5rem}article>div{height:48px;width:48px}article>div>input{height:40px;margin:4px;width:40px}article>p{align-content:center;flex-grow:0.75;height:100%;overflow:auto}main>.new-list{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.new-list>input{height:33.6px;margin:1rem auto;width:40%}.new-list>div{display:flex;justify-content:center;width:100%}.new-list>div>a{width:20%}.new-list>div>a>button{height:100%;width:100%}.new-list>div>a>.btn-add-list{background-color:#7f89c5;background-color:var(--icon-color);border-color:#b2b8dc;color:#e5e7f3}.new-list>div>a>.btn-cancel{background-color:#f28f8f;border-color:#f28f8f;color:#e5e7f3}.new-list>div>a>.btn-add-list:hover{background-color:#4c5aae}.new-list>div>a>.btn-cancel:hover{background-color:#f51457;border-color:#f51457}.options-menu{display:flex;flex-direction:column;text-align:center;width:100%}.options-menu>div{flex-grow:1}.create-new-item-expanded,.options-menu>div{display:flex;flex-direction:column;justify-content:center}.create-new-item-expanded{align-items:center;width:100%}.create-new-item-expanded>.create-new-item{display:flex;flex-direction:column}.create-new-item>.add-button,.form-content{display:flex;justify-content:center}.form-content{flex-direction:column;width:100%}.form-content>*{text-align:center}.forms{align-items:center;display:flex;flex-direction:column;justify-content:center}.forms>input{height:35px;margin-bottom:.5rem;min-width:200px;width:40%}.forms>button{height:30px;width:20%}:where(.delete-button,.edit-button,.opts-wrapper>a,.add-items-wrapper>a,.profile-icon>a,.add-button>a,.add-button)>svg{height:48px;width:48px}.delete-button>svg:hover{color:red}.edit-button>svg:hover{color:#9acd32}.add-button>svg:hover{color:green}svg{color:#7f89c5;color:var(--icon-color);cursor:grab}.icon-button{align-items:center}.invalid,.search{display:none}.invalid{color:red}@media screen and (max-width:855px){.select-active-list>.list-settings{display:none!important}.opts-wrapper{display:flex}#tasks-wrap{height:calc(100vh - 6rem - 106px);overflow:auto}#tasks-wrap>section:first-child{margin-bottom:1.5rem}section{height:auto;overflow:none;width:100%}}@media screen and (max-width:700px){.due-date-div{display:none!important}.add-items-wrapper{display:flex}.search-item{margin-left:2rem;width:40%!important}.profile-mobile{display:none}.user-profile>p{margin:0}}@media screen and (max-width:500px){svg{height:30px;width:30px}.search-item{display:none}.search{display:block}}
/*# sourceMappingURL=main.4fc26594.css.map*/