.prj{background-color:var(--black-color);width:100%;height:fit-content;color:var(--text-white-color);position:relative}.prj .error-page{background-color:var(--black-color);width:100%;height:100dvh;color:var(--text-white-color);flex-flow:column;justify-content:center;align-items:center;display:flex}.prj .error-page .circle-icon{color:red;stroke-width:.04rem;width:5rem;height:5rem;margin-bottom:2rem}.prj .error-page .linkTo .lc-icon{margin-right:.7rem}.prj .error-page .larger-h1{width:fit-content;margin:0}.prj .error-page .small-title{width:20%;color:var(--text-whitefade-color);text-align:center;margin:2rem auto}.prj span{color:var(--text-white-color);text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:600}.proj-title{width:100%;height:80dvh;position:relative}.proj-title .details-img{object-fit:cover;filter:grayscale(40%);width:100%;height:100%;-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 100%);mask-image:linear-gradient(#0000 0%,#000 40% 100%)}.pr-title{flex-flow:column;justify-content:start;align-items:start;width:fit-content;height:fit-content;display:flex}.tags-list{flex-flow:row;justify-content:start;width:fit-content;margin:2rem 0 0 .5rem;display:flex}.pr-title span{color:var(--text-whitefade-color);margin-right:1rem;font-size:.6rem;font-weight:400}.pr-title .larger-h1{text-align:start;text-transform:capitalize;width:80%;color:var(--text-white-color);margin:0;font-weight:600}.proj-descr{flex-flow:row;justify-content:space-between;width:100%;height:fit-content;padding-top:5rem;padding-bottom:10rem;display:flex}.proj-descr .pr-des{flex-flow:column;justify-content:center;width:50%;margin-top:2rem;display:flex}.proj-descr .pr-des span{width:fit-content;margin:0}.proj-descr .pr-des .small-title{color:var(--text-whitefade-color);width:70%;font-weight:300;line-height:1.2rem}.projproblem{width:100%;color:var(--text-whitefade-color);flex-flow:row;justify-content:space-between;padding-top:5rem;padding-bottom:5rem;display:flex}.projproblem .p-x{flex-flow:column;width:20rem;display:flex}.projproblem .p-x span{border-bottom:1px solid var(--border-fade-color);margin-bottom:1rem;padding-bottom:1rem}.projproblem .p-x ul{margin:0;padding:0}.projproblem .p-x ul li{text-transform:capitalize;border-bottom:1px solid var(--border-fade-color);width:fit-content;margin-bottom:.3rem;list-style:none}.screenshoot{flex-flow:wrap;gap:2rem;height:fit-content;padding-top:10rem;padding-bottom:10rem;display:flex}.screenshoot img{aspect-ratio:1.2;object-fit:cover;filter:grayscale(50%);border-radius:var(--border-radius);width:20rem;display:block}.screenshoot .img:not(:first-child){margin-left:5rem}@media screen and (max-width:480px){.prj{outline:none}.prj .error-page .small-title{width:100%}.prj span{font-size:.7rem}.proj-title{width:100%;height:70dvh}.pr-title{border:none;padding:0 0 1rem}.tags-list{justify-content:flex-end;width:100%}.pr-title span{margin-right:1rem;font-size:.6rem;font-weight:400}.pr-title .larger-h1{width:100%;margin-bottom:1rem;font-size:4rem;font-weight:700;line-height:3.7rem}.proj-descr{flex-flow:column;padding-top:2rem;padding-bottom:2rem}.proj-descr .pr-des{width:100%}.proj-descr .pr-des span{width:fit-content;margin-bottom:.5rem}.proj-descr .pr-des .small-title{width:100%;font-weight:300;line-height:1.2rem}.projproblem{flex-flow:column;padding-top:0;padding-bottom:2rem}.projproblem .p-x{width:100%;margin-bottom:2rem}.p-x p{width:90%;font-weight:200}.projproblem .p-x span{margin-bottom:.3rem;padding-bottom:.5rem}.projproblem .p-x ul{margin:0;padding:0}.projproblem .p-x ul li{width:8%;margin-bottom:.2rem}.screenshoot{gap:2rem;padding-top:1rem;padding-bottom:2rem}.screenshoot img{aspect-ratio:1.2;width:10rem}.screenshoot .img:not(:first-child){margin-left:5rem}}