.project{width:20%;padding:1rem;line-height:1.6}.project .inner{position:relative;height:100%;background:linear-gradient(60deg,var(--primary),transparent,var(--primary));border-radius:.4rem}.project .inner .project-header{height:16rem;width:100%;padding:2rem 2rem 0;border-radius:.4rem;overflow:hidden}.project .inner .project-header img{height:100%;width:100%}.project .inner *{position:relative;z-index:2}.project .inner:before{content:"";position:absolute;inset:.1rem;background:var(--glass);border-radius:.4rem}.project .inner .project-body{height:calc(100% - 16rem);padding:2rem 2rem 9rem}.project .inner .project-body h4{color:var(--white);font-size:1.8rem;font-weight:600;display:flex;align-items:flex-start;gap:1rem}.project .inner .project-body h4 .status{font-size:1.4rem;font-weight:500;border-radius:.4rem;padding:.4rem}.project .inner .project-body h4 .status.live{background:var(--lime);color:var(--black)}.project .inner .project-body h4 .status.personal{background:var(--blue);color:var(--white)}.project .inner .project-body .tags{background:linear-gradient(to left,var(--pink),var(--lime),var(--blue));background-size:100% 100%;background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);margin:1rem 0}.project .inner .project-body p{margin-bottom:2rem}.project .inner .project-body .button{position:absolute;bottom:2rem}@media only screen and (max-width:1440px){.project{width:25%}}@media only screen and (max-width:1024px){.project{width:33.33%}}@media only screen and (max-width:767px){.project{width:50%}.project .inner .project-header{padding:1.5rem 1.5rem 0}.project .inner .project-body{padding:1.5rem}.project .inner .project-body h4{font-size:1.6rem}.project .inner .project-body h4 .status{font-size:1.2rem}.project .inner .project-body p{margin-bottom:1rem}}@media only screen and (max-width:425px){.project{width:100%}}.projects .projects-wrapper{flex-wrap:wrap;margin:0 -1rem 4rem}.projects .projects-wrapper,.projects .view-more{display:flex;justify-content:center}