@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,sans-serif,Arial,Helvetica;font-size:62.5%;height:100vh;width:100vw}body{background-color:#ffe8cc;color:#d9480f;font-size:2rem;font-weight:600;height:100%;width:100%}.flexbox{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center;text-align:center}.sm-reg{color:#555;font-size:1.4rem;font-weight:300;margin:.2rem}.regular-btn{background-color:#ffb459;border:none;border-radius:1rem;color:#d9480f;cursor:pointer;font-size:1.6rem;font-weight:500;margin-top:1rem;padding:1rem 2rem;transition:all .2s ease-in-out}.regular-btn:hover{background-color:#ffab43}#rootModal dialog{animation:slideDown .1s ease-out forwards;position:relative;transform-origin:top center}#rootModal form{margin:0;padding:0}dialog::backdrop{animation:fadeIn .1s ease-out;background:#000000e6}@keyframes fadeIn{0%{background:#0000}to{background:#000000e6}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}#rootModal *{background-color:#ff4d4d;border:none;border-radius:1rem;color:#fff;font-size:2rem;margin:2rem auto;padding:1rem 2rem}#rootModal h1,p{font-size:1.8rem;font-weight:500;margin:0!important;padding:0!important;text-transform:capitalize}#rootModal p{font-size:1.2rem}#rootModal button{cursor:pointer;font-size:3rem;margin:0;padding:0;position:absolute;right:2%;top:0}main{display:flex;gap:16rem;height:100%;padding-top:8rem;width:-webkit-fit-content;width:fit-content}main aside{background-color:#d9480f;border-radius:0 2rem 2rem 0;color:#ffe8cc;height:100%;padding:2rem 2rem 2rem 4rem;width:50rem}aside h2{font-size:2.4rem;font-weight:600;text-transform:uppercase;white-space:nowrap}aside li button{background-color:#842500;border:none;border-radius:.4rem;color:#fff;cursor:pointer;display:flex;font-size:2rem;justify-content:space-between;margin-bottom:.4rem;padding:1rem 0 1rem 1.6rem;width:20rem}aside li button p{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}aside li button img{display:none;height:20px;width:40px}aside li button:hover{width:25rem}aside li button:hover img{display:flex;margin-right:1rem}aside li{list-style-type:none}aside ul{margin-top:2rem}main .NewProject{flex-direction:column}.NewProject menu,main .NewProject{align-items:center;display:flex;width:100%}.NewProject menu{gap:2rem;justify-content:right}.btn{background-color:initial;border:1px solid #d9480f;border-radius:.8rem;color:#d9480f;cursor:pointer;font-size:1.8rem;padding:.4rem 1rem}.btn-fill{background-color:#d9480f;border:none;color:#fff;padding:.6rem 1.2rem}.hover:hover{opacity:.8;transition:all .3s ease-out}.NewProject div{gap:2rem}.NewProject div,.NewProject p{display:flex;flex-direction:column}p input,textarea{background-color:#ffb459;border:none;border-radius:.6rem;font-size:1.6rem;max-height:40rem;max-width:60rem;min-height:4rem;min-width:60rem;padding:.6rem}p input:focus,textarea:focus{outline-color:#d9480f;outline-style:dashed;outline-width:2px}.noProject{width:50rem}.project-details{background-color:#ffcb8b;border-radius:2rem;height:100%;max-width:70rem;padding:2rem;width:70rem}.project-header{margin-bottom:3rem}.project-header-top{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.project-title{color:#d9480f;font-size:2rem;font-weight:800;line-height:1.15;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{background-color:initial;border:1.5px solid red;border-radius:6px;color:red;cursor:pointer;flex-shrink:0;font-size:1.1rem;padding:.7rem 1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn-delete:hover{background-color:red;color:#fff}.project-description{color:#c14b1a;font-size:1.35rem;line-height:1.7;margin:1.2rem 0 1.2rem 2rem!important;max-width:700px;white-space:pre-wrap}.project-date{color:#8a3b1d;font-size:1.15rem;font-weight:600;margin-left:2rem!important;margin-top:.8rem}.task-div{box-sizing:border-box;max-height:40vh;overflow-y:scroll}.task-div div{align-items:center;display:flex}.task-div::-webkit-scrollbar{width:6px}.task-div::-webkit-scrollbar-track{background:#0000}.task-div::-webkit-scrollbar-thumb{background-color:#c64a12;border-radius:10px}.task-div::-webkit-scrollbar-thumb:hover{background-color:#a93e0f}.task-btn{margin-right:18px}.task-div>.task-div:first-child{background-color:#b64614;border-radius:16px;color:#fff;padding:24px;width:280px}.task-div>.task-div:last-child{background-color:#f3cf96;border-radius:16px;padding:24px;width:520px}h1{color:#c64a12;font-size:32px;font-weight:700;margin-bottom:16px}.task-header{display:flex;gap:10px;margin-bottom:18px}input{background-color:#ffe8cc;border:2px solid #c64a12;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 10px}.task-header button{background-color:#c64a12;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px}.task-header button:hover{background-color:#a93e0f}.task-div>.task-div:last-child>.task-div{display:flex;flex-direction:column;gap:10px}.task-p{background-color:#f9e9cf;border-radius:8px;color:#c64a12;display:inline-block;font-size:16px;font-weight:600;margin:2px!important;overflow:hidden;padding:4px 12px!important;text-overflow:ellipsis;width:50rem}.task-p+.task-btn{background-color:initial;border:2px solid red;border-radius:6px;color:red;cursor:pointer;font-weight:700;height:26px;margin-left:8px;width:26px}.task-p+.task-btn:hover{background-color:red;color:#fff}.info{color:#555;font-size:1.5rem;margin:0!important;text-transform:none}
/*# sourceMappingURL=main.0104ca7e.css.map*/