:root{--primary-color-light:#008fe2;--primary-color:#0079bf;--primary-color-dark:#0067a3;--secondary-color:white}::-webkit-scrollbar{width:10px;height:10px;background:var(--primary-color-dark);border-radius:10px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color-light);border-radius:10px}*{box-sizing:border-box}html{height:100%}body{background-color:var(--primary-color);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;height:100%;margin:0;overflow-y:hidden}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:4rem}.sidenav p.is-title{font-size:1.5rem;color:#818181;display:block;transition:.3s;text-align:center}.sidenav p:hover{color:#fff}.sidenav>ul{list-style:none;padding-left:0}.sidenav>ul>li{font-size:1rem;color:#000;background-color:#f3f3f3;padding:.5rem;margin-inline:1em;margin-bottom:1rem;border-radius:.5rem;box-shadow:3px 3px var(--primary-color-light)}.sidenav>ul>li.is-active{box-shadow:3px 3px #ff0}.sidenav>ul>li.is-active:hover{box-shadow:3px 3px orange}.sidenav>ul>li:hover{color:var(--primary-color-dark);cursor:pointer;box-shadow:3px 3px var(--primary-color-dark)}.sidenav #sidebar-close{color:gray;cursor:pointer;position:absolute;top:0;right:25px;font-size:2.25rem;margin-left:50px}.container{width:min(99%,90.5rem);margin-inline:auto;overflow-x:scroll;min-height:85%}#cards-container{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;gap:2rem}.parent-card{flex-shrink:0;padding:1rem;background-color:#d9dfe9;border-radius:.5rem;width:20rem;box-shadow:2px 5px rgba(107,107,107,.63)}.card-title{font-size:1.2rem}.item-title{font-size:1rem}.parent-card>ul{max-height:20rem;overflow-y:auto;padding-left:0;list-style:none}.parent-card>span{display:flex;gap:2rem;justify-content:space-between;align-items:center}.parent-card>ul>li{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background-color:#f3f3f3;padding:.5rem;margin-right:.5em;margin-bottom:1rem;border-radius:.5rem;box-shadow:0 2px rgba(107,107,107,.63)}.parent-card>ul>li>span{letter-spacing:.7rem}.fa:hover{cursor:pointer;color:var(--primary-color-light)}.parent-card>ul>li>p{margin:0}.text-align-center{text-align:center}.text-fix{word-break:break-all;text-overflow:ellipsis;margin:15.936px 0}.unselectable{user-select:none}#title{background-color:var(--primary-color-dark);color:#fff;margin:0;font-weight:600}input[type=text]{border:none;border-bottom:2px solid #000;font-size:1em;background-color:transparent}input[type=text]:focus{border:none;border-bottom:2px solid var(--primary-color);outline:0}#add-card>input[type=text]::placeholder{color:#000}#add-card>input[type=text]:focus{border:none;border-bottom:2px solid var(--secondary-color);outline:0}#add-board-button{border:none;font-size:1rem;border-radius:1rem;background-color:var(--primary-color);color:#000;padding:.5em 1em;box-shadow:0 2px var(--primary-color-light)}#add-board-button:hover{cursor:pointer;color:#fff;box-shadow:0 2px #fff}#add-board-text{width:100%;color:#fff}.plus-button{border:none;font-size:1.5em;border-radius:100%;background-color:var(--primary-color-dark);color:#fff;padding:.2em .5em;cursor:pointer}.plus-button:hover{background-color:var(--primary-color-light)}header{background-color:var(--primary-color-dark)}.header-flex{margin-inline:2%;display:flex;justify-content:space-between;flex-direction:row;padding-block:.5rem;margin-bottom:1rem}.flex-col{display:flex;align-items:center;flex-direction:column;gap:.5rem}