.projects-page-divider{height:2rem;border-top:1px solid var(--deco-line);border-bottom:1px solid var(--deco-line);width:100%}.projects-page-divider:last-child{border-bottom:none}.my-projects-section{width:100%}.my-projects-info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,max-content);grid-gap:1rem;gap:1rem;padding:2rem 2rem 5rem;@media screen and (max-width:900px){grid-template-columns:1fr;grid-template-rows:repeat(3,max-content);gap:1rem}}.my-project-stuff{border:1px solid rgba(255,255,255,.25);border-radius:1rem;display:flex;flex-direction:column;background:linear-gradient(to bottom right,rgba(255,255,255,.125),transparent 30%,transparent 70%,rgba(255,255,255,.125));overflow:hidden;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);height:100%;max-width:500px;width:100%;grid-row:2/3;box-shadow:0 8px 64px rgba(255,255,255,.125);margin:0 auto;@media screen and (max-width:900px){grid-row:3/4}}.my-projects-images-wrapper{position:relative;display:grid;height:100%;@media screen and (max-width:900px){height:240px}}.my-projects-images{width:100%;height:240px;top:17rem;transform:translateY(-50%);position:absolute;text-align:center;display:grid;place-items:center;@media screen and (max-width:900px){top:7.5rem;height:180px}}&:hover{cursor:pointer}.image-stack{display:flex;align-items:center;justify-content:center;border-radius:.5rem;position:relative;width:100%;height:100%}.stacked-image{overflow:hidden;position:absolute;transform:translateY(-50%);height:100%;border-radius:.5rem;border:1px solid black;box-shadow:0 8px 64px rgba(255,255,255,.125);& img{transition:transform .5s ease-in-out}}.stacked-image img:hover{transform:scale(1.125)}.my-projects-title{display:flex;flex-direction:column;justify-content:flex-start;grid-row:1/2;grid-column:1/2;color:var(--text-light);width:100%;@media screen and (max-width:900px){grid-row:1/2;align-items:center;text-wrap:balance;text-align:center}& h3{text-transform:uppercase;color:white}}.my-projects-intro-icon{display:grid;place-items:center;width:3rem;aspect-ratio:1/1;background-color:var(--primary);background-color:black;border-radius:50%;margin-bottom:1rem;box-shadow:-4px 8px 16px rgba(255,255,255,.125)}.stuff-making,.stuff-what{padding:1rem;border-bottom:1px solid rgba(255,255,255,.25);display:flex;justify-content:space-between;position:relative;&:hover{cursor:pointer;background-color:rgba(255,255,255,.125)}&:active{background-color:rgba(255,255,255,.25)}& h4{color:var(--text)}&:last-child{border-bottom:none}}.stuff-problems{padding:1rem;border-bottom:1px solid rgba(255,255,255,.25);display:flex;justify-content:space-between;position:relative;&:hover{cursor:pointer;background-color:rgba(255,255,255,.125)}&:active{background-color:rgba(255,255,255,.25)}& h4{color:var(--text)}}.problems-section{display:flex;justify-content:center;align-items:center}.problems-list{width:100%;display:flex;flex-direction:column;gap:1rem;font-size:.875rem;padding:1rem;text-wrap:balance}.stuff-tools{padding:1rem;border-bottom:1px solid rgba(255,255,255,.25);display:flex;justify-content:space-between;position:relative;&:hover{cursor:pointer;background-color:rgba(255,255,255,.125)}&:active{background-color:rgba(255,255,255,.25)}& h4{color:var(--text)}}.open-section-text{justify-content:center}.backend-stack,.devops-stack,.frontend-stack,.other-stack{& p{font-size:.875rem}}.stuff-links{padding:1rem;display:flex;justify-content:space-between;position:relative;&:hover{cursor:pointer;background-color:rgba(255,255,255,.125)}&:active{background-color:rgba(255,255,255,.25)}& h4{color:var(--text)}}&:last-child{border-bottom:none}.open-section{width:100%;padding:1rem;z-index:2;background:linear-gradient(to bottom right,rgba(255,255,255,.125),transparent 30%,transparent 70%,rgba(255,255,255,.125));background-color:black;border-bottom:1px solid var(--deco-line)}.open-section-text{position:relative;display:flex;flex-direction:column;text-wrap:balance;font-size:.925rem;gap:1rem;height:100%}.github-link,.live-link{display:flex;gap:.5rem;text-align:center;& h4:hover{color:var(--accent)}}.links-section-line{border-top:1px solid var(--deco-line)}.projects-section{width:100%;height:100%;background:url(/assets/images/large-triangles.png);background-size:cover;background-repeat:no-repeat;background-position:50%;z-index:0}.projects-content,.projects-section{display:flex;align-items:center;justify-content:center}.projects-content{width:min(90%,1000px);border-left:1px solid var(--deco-line);border-right:1px solid var(--deco-line);flex-direction:column}.projects-deco{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;border-bottom:1px solid var(--deco-line);@media screen and (max-width:900px){grid-template-columns:1fr}}.projects-title{display:flex;flex-direction:column;height:100%;width:100%;padding:7rem 2rem 2rem;text-wrap:balance;border-right:1px solid var(--deco-line);@media screen and (max-width:900px){border-right-color:currentcolor;border-right-style:none;border-right-width:medium}& h1{color:var(--text-light);letter-spacing:-3px}}.projects-intro-icon{display:grid;place-items:center;width:3rem;aspect-ratio:1/1;background-color:var(--primary);background-color:black;border-radius:50%;margin-bottom:1rem;box-shadow:-4px 8px 16px rgba(255,255,255,.125)}.projects-deco-div{border-right:1px solid var(--deco-line);@media screen and (max-width:900px){border-right-color:currentcolor;border-right-style:none;border-right-width:medium}}.websites-page-divider{height:2rem;border-top:1px solid var(--deco-line);border-bottom:1px solid var(--deco-line);width:100%}.websites-page-divider:last-child{border-bottom:none}.websites-deco{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;border-bottom:1px solid var(--deco-line);@media screen and (max-width:900px){grid-template-columns:1fr}}.websites-title{display:flex;flex-direction:column;height:100%;width:100%;padding:7rem 2rem 2rem;text-wrap:balance;border-right:1px solid var(--deco-line);@media screen and (max-width:900px){border-right-color:currentcolor;border-right-style:none;border-right-width:medium}& h1{color:var(--text-light);letter-spacing:-3px}}.websites-intro-icon{display:grid;place-items:center;width:3rem;aspect-ratio:1/1;background-color:var(--primary);background-color:black;border-radius:50%;margin-bottom:1rem;box-shadow:-4px 8px 16px rgba(255,255,255,.125)}.websites-deco-div{border-right:1px solid var(--deco-line);@media screen and (max-width:900px){border-right-color:currentcolor;border-right-style:none;border-right-width:medium}}.page_projectPage__jP3U0{background-color:var(--primary);min-height:calc(100dvh - 8rem)}