#root,html,body,.content{width:100%;height:100%;margin:0;background:#111827;color:#ffffffe0;font-family:sans-serif;overflow-x:hidden}.content{display:grid;grid-template-columns:17rem calc(100% - 17rem);transition:.3s}.burger-menu{width:4rem;height:3.5rem;top:1.5rem;z-index:2;position:absolute;background:transparent;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:.4rem .2rem;box-sizing:border-box;border-radius:8px;cursor:pointer;transition:border-color .3s ease;right:1.5rem;visibility:hidden;display:none}.burger-menu>div{width:90%;height:.5rem;background:#69798f;border-radius:5px;transition:.3s}.burger-menu.active>div:nth-child(1){transform:translateY(1.05rem) rotate(45deg)}.burger-menu.active>div:nth-child(2){opacity:0}.burger-menu.active>div:nth-child(3){transform:translateY(-.8rem) rotate(-45deg)}@media (max-width: 1200px){.content{grid-template-columns:100%}.burger-menu{visibility:visible;display:flex}}.link-route{text-decoration:none}nav{transition:.3s;background:#1f2937;width:100%;height:100%;box-sizing:border-box;border-right:1px solid #2d3847}.logo-section{display:flex;place-items:center;padding:1rem;box-sizing:border-box;border-bottom:1px solid #2d3847}.logo-icon{width:4rem}.logo-text{display:flex;flex-direction:column}.logo-text>h1{font-size:1.4rem}.logo-text>p{font-size:.8rem;color:#fff8;margin:0}.logo-text>h1{margin-block:.1rem}.folders-list{display:flex;flex-direction:column}.folders-list>div{display:flex;flex-direction:column}.folders-name{color:#fff8;font-size:.9rem;margin:1rem;font-weight:100}.folders-item{color:#fff;display:flex;align-self:center;place-self:center;gap:7%;cursor:pointer;box-sizing:border-box;width:90%;border-radius:.5rem;padding:.7rem 1rem;align-items:center;margin-block:.2rem;transition:.3s}.folders-item.project-name{display:grid;grid-template-columns:1rem calc(100% - 1rem)}.folders-item:hover{background:#6b7280;color:#111827}.folders-item-img{width:1.2rem;aspect-ratio:1/1}.folders-item>h3{margin:0;font-weight:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folders-item>p{box-sizing:border-box;background:transparent;color:#6b7280;border-radius:30px;width:2.5rem;padding:.3rem;text-align:center;margin:0;transition:.3s}.folders-item:hover>p{background-color:#111827}.color-dot{width:1rem;border-radius:50%;height:1rem}.new-projects{max-height:20rem;overflow-y:scroll}@media (max-width: 1200px){nav{width:17rem;height:100%;z-index:1;position:fixed}nav.hide{transform:translate(-17rem)}nav.show{transform:translate(0)}}.project-create{width:100%;height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{background:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background:#4b5563}.project-create-title{background:#111827;padding:2rem;width:100%}.project-create-title>h1{margin:0}.project-details{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,50%);box-sizing:border-box}.project-details-main{place-self:center;padding:2rem;border-radius:.8rem;border:1px solid #2d3847;box-sizing:border-box;background:#1f2937;width:90%}.project-details-main>h2{font-size:1.2rem;margin:0 0 2rem}.project-details-main>h3{font-size:.9rem;margin:0 0 1rem}.project-details-main>h2,.project-details-main>h3{font-weight:100}.input-title{place-self:center;width:100%;background:#374151;box-sizing:border-box;padding:.2rem 1rem;color:#ffffffe0;outline:none;height:2.5rem;border:1px solid #69798f;border-radius:.3rem;margin-bottom:1.5rem}.message-title,.description-title{position:absolute;padding:.8rem .5rem;border-radius:10px;background:#fff;color:#2d3847;margin-left:15rem;margin-top:-4.5rem;transition:.3s;opacity:0}.message-title.show,.description-title.show{opacity:1}.message-title:before,.description-title:before{content:"";top:1.85rem;right:1rem;width:1.5rem;border-radius:5px;height:1.5rem;transform:rotate(45deg);background:#fff;position:absolute}.input-description{height:5rem;width:100%;border-radius:.3rem;background:#374151;box-sizing:border-box;border:1px solid #69798f;padding:.8rem 1rem;color:#ffffffe0;resize:none;outline:none;margin-bottom:2rem}.colors{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.color{width:3rem;height:3rem;cursor:pointer;border-radius:50%;box-sizing:border-box;border:3px solid transparent;transition:.3s}.color:hover,.color.active{border-color:#fff}.project-create-preview{place-self:center;padding:2rem;border-radius:.8rem;border:1px solid #2d3847;box-sizing:border-box;background:#1f2937;width:90%}.project-create-preview>h2{font-weight:100;font-size:1.2rem;margin:0 0 2rem}.project-preview{background:#ffffffe0;border-radius:10px;padding-bottom:.5rem}.project-preview>h2{width:100%;max-width:inherit;padding:1rem;margin-block:0;height:3.5rem;border-radius:10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list{width:100%;padding:.5rem;box-sizing:border-box}.task{height:2.5rem;margin-block:1rem;padding:.2rem .5rem;cursor:pointer;box-sizing:border-box;place-content:center;color:#1f2937;display:grid;grid-template-columns:2rem calc(100% - 2rem);align-items:center;border-radius:5px}.task-circle{width:1.3rem;height:1.3rem;box-sizing:border-box;font-size:.7rem;border-radius:50%;font-weight:800;text-align:center;color:#fff}.create-button{margin-block:1rem 0rem;justify-self:center;width:10rem;cursor:pointer;height:3rem;text-align:center;line-height:1.5rem;font-size:1.2rem;padding:.2rem;box-sizing:border-box;border-radius:10px;background-color:#4b5563}.create-button>p{margin-block:.5rem}@media (max-width: 840px){.project-details{display:flex;flex-direction:column;padding-block:2rem;gap:2rem}.project-details-main,.project-create-preview{width:90%;margin:0}}@media (max-width: 1200px){.project-create-title{visibility:hidden;padding:2rem 2rem 0rem}}