#root,html,body,.content{width:100%;height:100%;margin:0;background:#111827;color:#ffffffe0;font-family:sans-serif}.content{display:grid;grid-template-columns:17rem calc(100% - 17rem)}.link-route{text-decoration:none}nav{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:hover{background:#6b7280;color:#111827}.folders-item-img{width:1.2rem;aspect-ratio:1/1}.folders-item>h3{margin:0;font-weight:100}.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}.project-create{width:100%;height:100%}.project-header{background:linear-gradient(#222b37,#1f2937);border-bottom:1px solid #2d3847;padding:1rem 4rem}.project-header-title,.project-header-moto{margin:0 0 1rem}.project-details{width:100%;display:grid;box-sizing:border-box;padding-block:2rem;justify-items:center;grid-template-columns:60% 40%}.project-details-main{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}.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{padding:2rem;border-radius:.8rem;border:1px solid #2d3847;background:#1f2937;width:90%;box-sizing:border-box}.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%;padding:1rem;margin-block:0;height:3.5rem;border-radius:10px;box-sizing:border-box}.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}