.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:.8rem;font-weight:700}.proj-title{width:100%;height:80dvh;position:relative}.proj-title .details-img{object-fit:cover;filter:grayscale();width:100%;height:100%;-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 100%);mask-image:linear-gradient(#0000 0%,#000 40% 100%)}.proj-title:after{content:"";background:linear-gradient(90deg,#000000bf 0%,#00000073 35%,#0000000d 75%);position:absolute;inset:0}.proj-title .pr-title{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius);background:#0000003b;flex-flow:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:3rem 4rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proj-title .tags-list{width:fit-content;margin:0 auto .5rem}.proj-title .pr-title span{color:var(--text-white-color);margin-right:1rem;font-size:.6rem;font-weight:400}.proj-title .pr-title .larger-h1{text-align:center;width:100%;color:var(--text-white-color);-webkit-text-stroke:.4px var(--text-black-color);text-shadow:3px 3px 10px #00000060;margin-top:2rem;margin-bottom:2rem;font-size:6rem;font-weight:900}.proj-descr{flex-flow:row;justify-content:space-between;width:100%;height:fit-content;padding-top:5rem;padding-bottom:10rem;display:flex}.proj-descr span{width:30%}.proj-descr .small-title{color:var(--text-whitefade-color);width:60%;font-weight:300}.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 span{font-size:.7rem}.proj-title{width:100%;height:70dvh}.proj-title .pr-title{border:none;padding:0 3rem}.proj-title .tags-list{width:fit-content;margin:0 auto .5rem}.proj-title .pr-title span{margin-right:1rem;font-size:.6rem;font-weight:400}.proj-title .pr-title .larger-h1{margin-bottom:1rem;font-size:4.5rem;font-weight:800;line-height:4rem}.proj-descr{flex-flow:column;padding-top:2rem;padding-bottom:2rem}.proj-descr span{width:30%;margin-bottom:.5rem}.proj-descr .small-title{width:95%;font-weight:200;line-height:1.15rem}.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:7rem}.screenshoot .img:not(:first-child){margin-left:5rem}}