@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto&display=swap";*{margin:0;padding:0}:root{--header-background: rgba(110, 115, 120, .425);--home-main-text: rgb(67, 56, 56);--home-sub-text: rgb(93, 91, 91);--default-text: white;--default-background: rgb(35, 36, 37)}html{font-family:Inter,sans-serif;color:var(--default-text);background-color:var(--default-background)}section{padding:36px 6vw}header{display:flex;justify-content:space-between;z-index:5;width:max(27vw,325px);font-size:1.1rem;font-weight:700;position:fixed;top:0;left:0;right:0;margin-left:auto;margin-right:auto;border-left:1px black solid;border-right:1px black solid;border-bottom:1px black solid;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding:12px 16px;background-color:var(--header-background);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.headerItem{cursor:pointer}.headerItem:hover{color:#b8b8b8}.active{color:gray}.title{font-size:2rem;font-weight:600}.home{position:relative;height:100vh;background-image:url(/assets/nyc-background-ES4Lmj1d.png);background-size:cover;background-position:center;overflow:hidden;z-index:-10}.home-container{height:100%;width:100%;padding-top:150px;text-align:center}.home-title{font-size:max(3.5vw,3.3rem);font-weight:600;color:var(--home-main-text)}.home-subtitle{font-size:1.5rem;color:var(--home-sub-text)}.parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.background-bottom{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;overflow:hidden;background-image:url(/assets/background-bottom-DFT6v5Gs.png)}.around-world-trade-closer{background-image:url(/assets/around-world-trade-closer-HpOTcUeb.png)}.around-world-trade-farther{background-image:url(/assets/around-world-trade-farther-Ch1Sk8tQ.png)}.world-trade-center{z-index:0;background-image:url(/assets/world-trade-center-D8yPq4Uv.png)}.ferry{background-image:url(/assets/ferry-D0Y1XZpf.png);z-index:3}.left-side-behind{background-image:url(/assets/left-side-behind-CskfNGdX.png)}.left-side-overlaps{background-image:url(/assets/left-side-overlaps-CQTXQJ56.png)}.right-side{background-image:url(/assets/right-side-CHqmVQMw.png)}.blur-overlay{position:absolute;bottom:0;left:0;width:100%;height:13vh;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2}.me .title{padding-bottom:32px}.me-main{display:flex;gap:5vw;align-items:center}.me-intro{line-height:1.4rem}.img-me{height:min(220px,28vw);border-radius:1000px}.work{display:flex;align-items:center;width:min(80vw,1800px);margin:0 auto;padding-bottom:64px}.work-video-wrapper{width:50%;max-width:1000px}.work-video{width:100%}.work-main{margin-left:-30px;margin-top:15vh;padding:20px;gap:12px;z-index:2;width:50%;display:flex;flex-direction:column;background-color:#808080a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:5px 10px 5px #00000052}.works .title{max-width:2200px;padding-bottom:24px}.work:nth-child(2){padding-bottom:0}.work-line{display:flex;justify-content:space-between;font-weight:600}.work-description{padding-top:2px}.work:nth-child(2n){flex-direction:row-reverse;position:relative}.work:nth-child(2n) .work-main{position:absolute;top:0;right:50%;margin-right:-30px;margin-top:0}.projects .title{max-width:2200px;padding-bottom:24px}.projects-wrapper{display:flex;flex-direction:column;gap:64px}.project{display:flex;align-items:center;width:min(80vw,1800px);margin:0 auto}.project-video-wrapper{width:50%}.project-video{width:100%}.project-main{margin-left:-30px;margin-top:15vh;padding:20px;gap:12px;z-index:2;width:50%;display:flex;flex-direction:column;background-color:#808080a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:5px 10px 5px #00000052}.project-top{display:flex;align-items:center;justify-content:space-between}.project-date{font-weight:500;font-size:1.2rem}.hidden{opacity:0;transition:all 1s}.show{opacity:1}.project:nth-child(2n){flex-direction:row-reverse;position:relative}.project:nth-child(2n) .project-main{position:absolute;top:0;right:50%;margin-right:-30px;margin-top:0}.project-title{font-weight:600;font-size:1.3rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px}.project-icon{height:40px;cursor:pointer}.education .title{padding-bottom:32px}.education-main{display:flex;width:100%;gap:5vw}.education-intro{line-height:1.4rem}.bingLogo{height:min(220px,28vw);border-radius:1000px}.education-content{flex:1;display:flex;flex-direction:column}.education-content-top{display:flex;justify-content:space-between}.education-school{font-weight:600;font-size:1.7rem}.education-date{font-weight:500;font-size:1.6rem}.education-degree{font-size:1.1rem;font-weight:500;margin-top:8px}.education-coursework{margin-top:20px}.education-coursework-title{font-weight:600;font-size:1.1rem;margin-bottom:8px}.education-coursework-list{display:flex;flex-wrap:wrap;gap:8px}.education-course{background-color:#80808066;padding:4px 12px;border-radius:4px;font-size:.95rem}.contact{display:flex;flex-direction:column;align-items:center;padding-top:100px;padding-bottom:300px;gap:64px}.contact-title{animation:blink .65s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-size:3.5rem;font-weight:500;letter-spacing:1.4px}@keyframes blink{50%{border-color:transparent}}.contact-email{font-size:1.5rem;letter-spacing:1px}.contact-icons{display:flex;gap:115px}.linked-in-icon{height:64px;width:75px;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%)}footer{height:32px;text-align:center;font-size:1.2rem;font-weight:300}@media(max-width:650px){.me-main{flex-direction:column}.img-me{height:150px}}@media(max-height:700px){.home-container{padding-top:100px}}@media(max-width:1290px){.work:nth-child(2){padding-bottom:64px}}@media(max-width:900px){.work:nth-child(2){padding-bottom:30px}.projects-wrapper{gap:164px}.project,.work{flex-direction:column}.project-main,.work-main{width:90%;margin:-20px auto 0}.project-video-wrapper,.work-video-wrapper{width:90%;margin:0 auto}.project:nth-child(2n),.work:nth-child(2n){flex-direction:column}.project:nth-child(2n) .project-main,.work:nth-child(2n) .work-main{position:static;margin:-20px auto 0}.education-main{flex-direction:column;align-items:center;gap:20px}.bingLogo{height:150px}.education-content{text-align:center}.education-content-top{flex-direction:column;gap:4px}.education-school{font-size:1.4rem}.education-date{font-size:1.2rem}.education-coursework-list{justify-content:center}}