.portfolio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 4rem 0}.portfolio h1{color:var(--text-color);font-family:var(--font);font-size:4rem;font-weight:1000;text-align:center;background-image:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-user-select:unset;-moz-user-select:unset;user-select:unset;z-index:2}.portfolio .projectType{width:100%;text-align:center}.portfolio .projectType h1{color:var(--text-color);font-family:var(--font-ubuntu);font-size:3rem;font-weight:1000;background-image:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio .projectType .projectTypeGrid{width:80%;margin:2rem auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.portfolio .projectType .projectTypeGrid .projectCard{position:relative;border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;overflow:hidden;box-shadow:0 0 40px 15px #000;background-size:cover;background-position:50%;background-clip:padding-box;transition:transform .2s ease-in-out;width:100%;aspect-ratio:1.665}.portfolio .projectType .projectTypeGrid .projectCard Image,.portfolio .projectType .projectTypeGrid .projectCard img{height:100%;width:100%;object-fit:cover}.portfolio .projectType .projectTypeGrid .projectCard .cardOverlay{align-content:flex-end;position:absolute;bottom:-1px;left:0;right:0;height:15rem;padding:1rem;background:linear-gradient(0deg,#000 0,transparent 101%);color:#fff;opacity:0;transition:opacity .2s ease-in-out;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolio .projectType .projectTypeGrid .projectCard .cardOverlay h2{font-family:var(--font);font-size:1.75rem}.portfolio .projectType .projectTypeGrid .projectCard .cardOverlay p{font-family:var(--font-ubuntu);font-size:1.2rem}.portfolio .projectType .projectTypeGrid .projectCard:hover{transform:scale(1.025);cursor:pointer}.portfolio .projectType .projectTypeGrid .projectCard:hover .cardOverlay{opacity:1}@media(max-width:300px){.portfolio .projectType .projectTypeGrid .projectCard:hover .cardOverlay{opacity:0}}.portfolio .projectType .projectTypeGrid .projectCard h2{font-family:var(--font);font-size:1.25rem}.portfolio .projectType .projectTypeGrid>:last-child:nth-child(odd){grid-column:1/-1}@media(min-width:3072px){.portfolio .projectType .projectTypeGrid{width:40%}}@media(min-width:2250px){.portfolio .projectType .projectTypeGrid{width:50%}}@media(min-width:1920px)and (max-width:2250px){.portfolio .projectType .projectTypeGrid{width:70%}}@media(max-width:1400px){.portfolio .projectType .projectTypeGrid{width:100%}}@media(max-width:900px){.portfolio .projectType .projectTypeGrid{grid-template-columns:1fr;width:80%}}@media(max-width:800px){.portfolio .projectType .projectTypeGrid{width:90%}}@media(max-width:550px){.portfolio .projectType .projectTypeGrid{width:100%}}.portfolio .projectType .oddProject{width:40%;margin:2rem auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.portfolio .projectType .oddProject .projectCard{position:relative;border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;overflow:hidden;box-shadow:0 0 40px 15px #000;background-size:cover;background-position:50%;background-clip:padding-box;transition:transform .2s ease-in-out;width:100%;aspect-ratio:1.665}.portfolio .projectType .oddProject .projectCard Image,.portfolio .projectType .oddProject .projectCard img{height:100%;width:100%;object-fit:cover}.portfolio .projectType .oddProject .projectCard .cardOverlay{align-content:flex-end;position:absolute;bottom:-1px;left:0;right:0;height:15rem;padding:1rem;background:linear-gradient(0deg,#000 0,transparent 101%);color:#fff;opacity:0;transition:opacity .2s ease-in-out;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolio .projectType .oddProject .projectCard .cardOverlay h2{font-family:var(--font);font-size:1.75rem}.portfolio .projectType .oddProject .projectCard .cardOverlay p{font-family:var(--font-ubuntu);font-size:1.2rem}.portfolio .projectType .oddProject .projectCard:hover{transform:scale(1.025);cursor:pointer}.portfolio .projectType .oddProject .projectCard:hover .cardOverlay{opacity:1}@media(max-width:300px){.portfolio .projectType .oddProject .projectCard:hover .cardOverlay{opacity:0}}.portfolio .projectType .oddProject .projectCard h2{font-family:var(--font);font-size:1.25rem}@media(min-width:3072px){.portfolio .projectType .oddProject{width:20%}}@media(min-width:2250px){.portfolio .projectType .oddProject{width:25%}}@media(min-width:1920px)and (max-width:2250px){.portfolio .projectType .oddProject{width:35%}}@media(max-width:1400px){.portfolio .projectType .oddProject{width:50%}}@media(max-width:900px){.portfolio .projectType .oddProject{grid-template-columns:1fr;width:80%}}@media(max-width:800px){.portfolio .projectType .oddProject{width:90%}}@media(max-width:550px){.portfolio .projectType .oddProject{width:100%}.portfolio{padding:2rem 2rem 0}}@media(max-width:400px){.portfolio{padding:1rem 1rem 0}}.scrollToTop{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--border-radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 0 20px 0 rgba(0,0,0,.2);height:var(--navbar-height);--width:50px;width:var(--width);margin:12px auto 0;position:fixed;z-index:100;top:86%;left:calc(92% - var(--width));cursor:pointer}.scrollToTop a{margin:0;width:25px;height:25px}