@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Nothing+You+Could+Do&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playwrite+AU+QLD:wght@100..400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pangolin&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background-color:#ffbead}.App-logo{height:40vmin;pointer-events:none}.App-link{color:#61dafb}.cursor-icon{display:none;pointer-events:none;position:fixed;z-index:9999}.icon-hover:hover .cursor-icon{display:block}.copied{color:#0f114f;font-size:10px;position:fixed;z-index:9999}.show-copied{display:block}.highlightOverlay{bottom:10vh;position:fixed;width:100%;z-index:300}.highlightIcons{color:#0f114f;display:flex;gap:2vh;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:600}.emailText{font-family:Inter,sans-serif;font-size:2vh;margin-top:.5vh}.highlightOverlay.visible .emailText:hover{cursor:pointer}.mainPage{height:100vh;transition:transform .3s ease}.flyAway,.mainPage{background-color:#ffbead;font-family:IBMPlexMono,sans-serif}.flyAway{animation:flyToTop 2s forwards}.homePageRows{align-items:center;box-sizing:border-box;gap:20px;height:100vh;justify-content:center;width:100%}.homePageRows,.infoBubble{display:flex;flex-direction:column}.infoBubble{background-color:#fff;border:1px solid #ff7f5f;border-radius:15px;font-weight:light;max-width:500px;min-width:300px;text-align:center;width:90%}.infoTitle{font-weight:700;margin-top:10px}.infoBody{font-size:15px;font-weight:light;margin:10px;overflow-wrap:"break-word"}.pageIcon{display:flex;flex-direction:column;font-size:13px;justify-content:center;text-align:center}.homePageRow1{height:100px}.homePageRow1,.homePageRow2{align-items:center;display:flex;justify-content:center}.homePageRow2{box-sizing:border-box;flex-direction:row;gap:20px}.homePageRow4{align-items:center;animation:bounce 2s infinite;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.homePageRows img{cursor:pointer;height:96px;image-rendering:pixelated;transition:transform 1s ease;width:96px}.homePageRows img:not(:hover){animation:iconBounce 3s infinite}.homePageRows img:hover{transform:scale(1.2)}.upsideDown{transform:rotate(180deg)}.overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.circle,.overlay{background-color:initial}.circle{animation:shrink 1s forwards;background-position:50%;background-size:cover;border:2000px solid #000;border-radius:50%;padding-bottom:150%;position:absolute;width:150%}@keyframes bounce{0%,to{transform:translateY(10)}50%{transform:translateY(-8px)}}@keyframes constructionBounce{0%,to{transform:translateY(20)}50%{transform:translateY(-16px)}}@keyframes shrink{0%{padding-bottom:150%;width:150%}40%{padding-bottom:100px;width:100px}67%{padding-bottom:100px;width:100px}75%{padding-bottom:120px;width:120px}to{padding-bottom:0;width:0}}@keyframes flyToTop{0%{transform:translateY(0)}50%{transform:translateY(-200vh)}90%{transform:translateY(-200vh)}to{transform:translateY(0)}}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0deg)}10%{transform:translateY(0) rotate(0deg)}20%{transform:translateY(0) rotate(5deg)}30%{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-2px) rotate(0deg)}50%{transform:translateY(0) rotate(-5deg)}60%{transform:translateY(-2px) rotate(0deg)}70%{transform:translateY(0) rotate(0deg)}80%{transform:translateY(-2px) rotate(0deg)}90%{transform:translateY(0) rotate(0deg)}}.highlights1{background-color:#ffbead;height:100vh}.mePhotoBox{display:flex;justify-content:center;position:relative;top:21vh;width:100%;z-index:1}.mePhoto{border:1px solid #ff7f5f;border-radius:15px;height:350px;transition:transform .2s ease;width:280px}.bigText{-webkit-text-stroke:1px #ff7f5f;color:#fff;font-family:Inter,sans-serif;font-size:90px;font-weight:700;height:100vh;line-height:1;margin-left:-220px;top:-140px;z-index:100}.bigText,.descOverlay{position:absolute;transition:transform .3s ease}.descOverlay{align-items:center;display:flex;flex-direction:row;justify-content:center;top:126vh;width:100%;z-index:200}@media (max-width:700px){.descOverlay{transform:scale(.5)}.bigText{top:-125px}.mePhoto{margin-top:3.5vh;transform:scale(.5)}}.descColumn,.descItem{display:flex;flex-direction:column}.descItem{background-color:#fff;border:1px solid #ff7f5f;border-radius:9px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;padding:12px 7.2px}.descItem1{margin-left:-60px;margin-right:70px;margin-top:70px;width:228px}.descItem2{margin-left:6px;margin-top:42px;width:138px}.descItem3{margin-left:72px;margin-top:42px;width:132px}.descItem4{margin-left:90px;margin-top:-18px;width:174px}.descItem5{margin-left:140px;margin-top:30px;width:168px}.descItem6{margin-left:125px;margin-top:30px;width:156px}.descItem7{height:128px;image-rendering:pixelated;margin-left:105px;width:128px}.centerArrow{flex-direction:row;top:190vh;width:100%;z-index:300}.centerArrow,.downArrow{align-items:center;display:flex;justify-content:center;position:absolute}.downArrow{-webkit-text-stroke:1px #ff7f5f;animation:bounce 2s infinite;color:#fff;cursor:pointer;font-family:IBMPlexMono,sans-serif;font-size:5vh;font-weight:700;z-index:500}.highlights2{background-color:#ffbead;height:100vh}.highlights2TopBox{height:25%;top:210vh}.highlights2TopLeft{font-size:5vw;line-height:1;margin-left:5vw;width:50%}.highlights2TopLeft,.highlights2TopRight{color:#fff;font-family:Inter,sans-serif;font-weight:700;margin-top:4vh;position:absolute;text-shadow:-.1vh -.1vh 0 #ff7f5f,.1vh -.1vh 0 #ff7f5f,-.1vh .1vh 0 #ff7f5f,.1vh .1vh 0 #ff7f5f,0 -.15vh 0 #ff7f5f,0 .15vh 0 #ff7f5f;z-index:100}.highlights2TopRight{font-size:2.2vw;left:50vw;line-height:1.5;width:45%}.timeline{height:60vh;left:-1500px;position:absolute;top:225vh;transition:left 1s ease-in-out;width:100%;z-index:300}.timeline.visible{left:0}@media screen and (orientation:portrait){.timeline{overflow-y:hidden}}.centerArrow2{position:absolute;top:290vh;width:100%}.centerArrow2,.rightArrow{align-items:center;display:flex;flex-direction:row;justify-content:center;z-index:300}.rightArrow{-webkit-text-stroke:1px #ff7f5f;animation:rightBounce 2s infinite;color:#fff;cursor:pointer;font-family:IBMPlexMono,sans-serif;font-size:8vw;font-weight:700;left:85vw;position:fixed;position:absolute;top:268vh;z-index:500}.right{transform:rotate(90deg)}@keyframes rightBounce{0%,to{transform:translateX(10)}50%{transform:translateX(-8px)}}.highlights3{background-color:#ffbead;height:100vh}.fullTimeline{margin-top:calc(-280px + 25vh);overflow-y:hidden;z-index:100}.dot,.fullTimeline{font-family:Inter,sans-serif}.dot{color:#fff;font-size:50px;font-weight:700;margin-top:298px;position:absolute;text-shadow:-.1vh -.1vh 0 #ff7f5f,.1vh -.1vh 0 #ff7f5f,-.1vh .05vh 0 #ff7f5f,.1vh .05vh 0 #ff7f5f,0 .1vh 0 #ff7f5f;z-index:101}.line{border:1px solid #ff7f5f;width:2px;z-index:100}.bubble,.line{position:absolute}.bubble{background-color:#fff;border:1px solid #ff7f5f;border-radius:5px;box-sizing:border-box;overflow-x:wrap;padding:5px;transition:transform .3s ease;width:150px;z-index:102}.bubble:hover{cursor:pointer;transform:scale(1.1)}.largeBubble{background-color:#fff;border:1px solid #ff7f5f;border-radius:5px;box-sizing:border-box;overflow-x:wrap;padding:5px;position:absolute;transition:transform .3s ease;width:400px;z-index:102}.largeBubble:hover{cursor:pointer;transform:scale(1.1)}.date{float:right;font-size:8px;font-weight:light}.title{font-size:12px;font-weight:700;margin-top:15px}.text{font-weight:light}.boldedText,.text{font-size:10px;margin-top:5px}.boldedText{font-weight:700}.mainLine{color:#fff;font-size:50px;font-weight:700;margin-left:0;text-shadow:-.1vh -.1vh 0 #ff7f5f,.1vh -.1vh 0 #ff7f5f,-.1vh .05vh 0 #ff7f5f,.1vh .05vh 0 #ff7f5f,0 .1vh 0 #ff7f5f;z-index:100}.duckFlying,.mainLine{margin-top:291px;position:absolute}.duckFlying{animation:fly 1s infinite;height:96px;image-rendering:pixelated;margin-left:1100px;width:96px;z-index:101}@keyframes fly{0%,to{transform:translateY(5)}50%{transform:translateY(-5px)}}.constructionPage{animation:constructionBounce 3s infinite;box-sizing:border-box;flex-direction:column;gap:20px;height:100vh;width:100%}.constructionPage,.constructionText{align-items:center;display:flex;justify-content:center}.constructionText{color:#fff;font-family:Inter,sans-serif;font-size:3vw;font-weight:700;line-height:1;margin-left:15px;text-shadow:-.1vh -.1vh 0 #ff7f5f,.1vh -.1vh 0 #ff7f5f,-.1vh .1vh 0 #ff7f5f,.1vh .1vh 0 #ff7f5f,0 -.15vh 0 #ff7f5f,0 .15vh 0 #ff7f5f}.forklift{height:30vh;image-rendering:pixelated;width:30vh}body,html{height:100%;margin:0;overflow:hidden;padding:0}.mediaPage{background-color:#000;color:#fff;font-family:IBMPlexMono,monospace;height:100vh;justify-content:center;width:100vw}.mediaContent,.mediaPage{align-items:center;display:flex;flex-direction:column}.mediaContent{gap:40px}.mediaImage{align-items:center;display:flex;justify-content:center;width:35%}.faviconImage{height:80px;object-fit:contain;width:80px}.mediaButtons{align-items:center;display:flex;gap:40px}.mediaButton{background:none;border:none;color:#fff;cursor:pointer;font-family:IBMPlexMono,monospace;font-size:18px;padding:10px 0;transition:opacity .3s ease}.mediaButton:hover{opacity:.7}.aboutMessage{animation:fadeInOut 3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;bottom:50px;color:#fff;font-family:IBMPlexMono,monospace;font-size:16px;left:50%;padding:15px 25px;position:fixed;transform:translateX(-50%);z-index:400}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(20px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.photosView{background:#000;display:flex;flex-direction:column;height:100vh}.photosNavigation{display:flex;gap:30px;left:80px;position:fixed;top:12px;z-index:300}.navButton{background:none;border:none;color:#fff;cursor:pointer;font-family:IBMPlexMono,monospace;font-size:16px;padding:10px 0;transition:opacity .3s ease}.navButton:hover{opacity:.7}.photosContainer{align-items:center;background-color:#000;display:flex;flex:1 1;flex-direction:column;gap:40px;height:calc(100vh - 80px);margin-top:80px;overflow-y:auto;padding:20px;width:100%}.photoContainer{margin-bottom:40px}.photoWrapper{max-width:100%;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.photoImage{cursor:pointer;display:block;height:auto;max-height:min(85vh,75vw);max-width:100%;object-fit:contain;transition:opacity .3s ease}.photoImage:hover{opacity:.8}.photoMetadata{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:4px;bottom:20px;color:#fff;font-family:IBMPlexMono,monospace;font-size:12px;left:20px;line-height:1.4;padding:10px;position:absolute;z-index:10}.photosContainer::-webkit-scrollbar{width:14px}.photosContainer::-webkit-scrollbar-track{background:#222;border-radius:7px}.photosContainer::-webkit-scrollbar-thumb{background:#888;border:2px solid #222;border-radius:7px}.photosContainer::-webkit-scrollbar-thumb:hover{background:#aaa}.photosContainer::-webkit-scrollbar-thumb:active{background:#ccc}.imageModal{background:#000000e6}.modalContent{align-items:center;cursor:default;display:flex;justify-content:center;max-height:95vh;max-width:95vw;position:relative}.modalImage{max-height:80vh;max-width:90vw;object-fit:contain;-webkit-user-select:none;user-select:none}.closeButton{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:32px;height:40px;justify-content:center;line-height:1;position:absolute;right:0;top:-40px;transition:background-color .3s ease;width:40px}.closeButton:hover{background:#fff3}.navArrow{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:48px;height:60px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none;width:60px}.navArrow:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.navArrowLeft{left:-80px}.navArrowRight{right:-80px}@media (max-width:768px){.navArrowLeft{left:-60px}.navArrowRight{right:-60px}.navArrow{font-size:36px;height:50px;width:50px}.closeButton{font-size:28px;top:-50px}.galleryGrid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.photosContainer{width:90%}.mediaImage{width:100%}}@media (max-width:480px){.galleryGrid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.galleryContainer{padding:15px}.photosContainer{width:90%}}.galleryView{display:flex;flex-direction:column;height:100%;width:100%}.galleryContainer{background-color:#000;height:calc(100vh - 80px);margin-top:80px;overflow-y:auto;padding:20px;width:95%}.galleryGrid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:1300px}.galleryItem{aspect-ratio:1;border:1px solid #444;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.galleryItem:hover{border-color:#888;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.galleryImage{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.galleryItem:hover .galleryImage{transform:scale(1.05)}.galleryContainer::-webkit-scrollbar{width:14px}.galleryContainer::-webkit-scrollbar-track{background:#222;border-radius:7px}.galleryContainer::-webkit-scrollbar-thumb{background:#888;border:2px solid #222;border-radius:7px}.galleryContainer::-webkit-scrollbar-thumb:hover{background:#aaa}.galleryContainer::-webkit-scrollbar-thumb:active{background:#ccc}.galleryPagination button{background:none;border:none;color:#fff;cursor:pointer;font-family:IBMPlexMono,monospace;font-size:18px;font-weight:700;margin:0 12px;padding:0}.galleryPagination button:disabled{cursor:default;opacity:.4}.galleryPagination{margin-top:24px}.galleryPagination,.mediaSocialIconWrapper{align-items:center;display:flex;justify-content:center}.mediaSocialIconWrapper{margin-top:18px}.mediaInstagramIcon{cursor:pointer;display:block;height:36px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:36px}.mediaInstagramIcon:hover{transform:scale(1.05)}.retro-background{background:linear-gradient(135deg,#0a0a0f,#1a1a1f 30%,#2a2a2f 70%,#1a1a1f);height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}.cityscape-canvas{z-index:1}.cityscape-canvas,.film-grain{height:100%;left:0;position:absolute;top:0;width:100%}.film-grain{animation:grain-animation .2s linear infinite;background-image:radial-gradient(circle at 25% 25%,#fff 1px,#0000 0),radial-gradient(circle at 50% 50%,#fff 1px,#0000 0),radial-gradient(circle at 75% 75%,#fff 1px,#0000 0);background-position:0 0,1px 1px,2px 2px;background-size:3px 3px,5px 5px,7px 7px;opacity:.03;pointer-events:none;z-index:3}.vignette{background:radial-gradient(ellipse at center,#0000 20%,#0003 50%,#00000080 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@keyframes grain-animation{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}.homeButton{filter:drop-shadow(0 0 8px #ffffff);transition:all .3s ease}.homeButton:hover{color:#fff;filter:drop-shadow(0 0 15px #ffffff) drop-shadow(0 0 30px #ffffff);transform:scale(1.05)}.projectsPage{align-items:center;background:#0000;display:flex;flex-direction:column;font-family:IBMPlexMono,monospace;height:100vh;overflow:hidden;position:relative;z-index:20}.projectsContainer{align-items:flex-start;display:flex;flex-direction:row;height:calc(100vh - 80px);justify-content:flex-start;margin:80px auto 0;max-width:1200px;position:relative;width:90vw;z-index:10}.projectsList{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:2px solid #0000;border-radius:4px;display:flex;flex-direction:column;gap:20px;margin-left:-15px;margin-top:-40px;max-height:calc(100vh - 60px);min-width:120px;overflow-y:auto;padding:20px 10px;transition:all .3s ease;width:15%}.projectsList::-webkit-scrollbar{width:6px}.projectsList::-webkit-scrollbar-track{background:#00000080}.projectsList::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.projectIconBox{align-items:center;background:#0009;border:2px solid #0000;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:15px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.projectIconBox:hover{background:#141414cc;border:2px solid #fff;box-shadow:0 0 8px #fff6,0 0 16px #fff3;transform:translateY(-3px) scale(1.02)}.projectIconBox.selected{background:#1e1e1ecc;border:2px solid #fff;box-shadow:0 0 12px #a3848480,0 0 24px #ffffff4d,inset 0 0 12px #ffffff14;transform:scale(1.05)}.projectIconBox.selected:hover{box-shadow:0 0 16px #fff9,0 0 32px #fff6;transform:translateY(-3px) scale(1.08)}.projectIcon{background:#000;border:2px solid #333;border-radius:3px;cursor:pointer;filter:saturate(.7) contrast(1.1) brightness(.8);height:70px;margin-bottom:8px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.projectIconBox:hover .projectIcon{border:2px solid #fff;box-shadow:0 0 8px #ffffff4d;filter:saturate(1) contrast(1.2) brightness(1)}.projectIconBox.selected .projectIcon{border:2px solid #fff;box-shadow:0 0 12px #fff6,inset 0 0 10px #ffffff14;filter:saturate(1.1) contrast(1.3) brightness(1.1);height:76px;width:76px}.projectTitle{color:#888;font-family:IBMPlexMono,monospace;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:8px;text-align:center;transition:all .3s ease}.projectIconBox:hover .projectTitle{color:#fff;font-weight:600;text-shadow:0 0 6px #fff6}.projectIconBox.selected .projectTitle{color:#fff;font-size:12px;font-weight:700;text-shadow:0 0 8px #fff9,0 0 16px #ffffff4d}.projectDescriptionPane{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e6;border:3px solid #fff;border-radius:10px;box-shadow:0 0 20px #fff6,0 0 40px #fff3,inset 0 0 20px #ffffff08;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-left:48px;margin-top:-50px;max-height:calc(93vh - 80px);overflow-y:auto;padding:40px 35px;position:relative}.projectDescriptionPane:before{background:radial-gradient(circle at 20% 20%,#ff004008 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff004008 0,#0000 50%);border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.projectDescriptionPane::-webkit-scrollbar{width:10px}.projectDescriptionPane::-webkit-scrollbar-track{background:#00000080;border-radius:5px}.projectDescriptionPane::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#fff,#ddd);border:1px solid #fff;border-radius:5px;box-shadow:0 0 6px #fff3}.projectDescriptionTopBar{display:flex;flex-direction:row;width:100%}.projectDescriptionTopBarLeft{align-items:flex-start;display:flex;flex:3 1;flex-direction:column;justify-content:flex-start;min-width:0}.projectDescriptionTopBarRight{align-items:center;display:flex;flex:2 1;justify-content:flex-end;min-width:0}.projectDescriptionTitle{color:#fff;font-family:IBMPlexMono,monospace;font-size:28px;font-weight:medium;letter-spacing:1px;line-height:1.2;margin-bottom:25px;position:relative;text-shadow:0 0 6px #fff9,0 0 12px #ffffff4d}.projectDescriptionDate{color:#aaa;font-family:IBMPlexMono,monospace;font-size:14px;font-weight:400;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.projectDescriptionLinks{display:flex;flex-wrap:wrap;gap:15px;height:10%;margin-bottom:25px}.projectLink{background:#ffffff0d;border:1px solid #fff;border-radius:3px;color:#fff;font-family:IBMPlexMono,monospace;font-size:13px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.projectLink:hover{background:#ffffff26;box-shadow:0 0 8px #ffffff4d;transform:translateY(-1px)}.projectDescriptionText{color:#ddd;font-family:IBMPlexMono,monospace;font-size:14px;font-weight:400;letter-spacing:.3px;line-height:1.6;margin-bottom:25px}.projectDescriptionText a{border-bottom:1px solid #ffffff4d;color:#fff;text-decoration:none;transition:all .3s ease}.projectDescriptionText a:hover{border-bottom-color:#fff;text-shadow:0 0 4px #fff6}.projectDescriptionText b,.projectDescriptionText strong{color:#fff;font-weight:600}.projectDescriptionText em,.projectDescriptionText i{color:#ccc;font-style:italic}.projectDescriptionText code{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#fff;font-family:IBMPlexMono,monospace;font-size:14px;padding:2px 6px}.projectDescriptionText pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;margin:15px 0;overflow-x:auto;padding:15px}.projectDescriptionText pre code{background:none;border:none;color:#ddd;padding:0}.projectDescriptionText ol,.projectDescriptionText ul{margin:15px 0;padding-left:25px}.projectDescriptionText li{margin:2px 0}.projectDescriptionText blockquote{border-left:3px solid #ffffff4d;color:#ccc;font-style:italic;margin:15px 0;padding-left:15px}.projectDescriptionText h1,.projectDescriptionText h2,.projectDescriptionText h3,.projectDescriptionText h4,.projectDescriptionText h5,.projectDescriptionText h6{color:#fff;font-weight:600;letter-spacing:.5px;margin:20px 0 10px}.projectDescriptionText h1{font-size:24px}.projectDescriptionText h2{font-size:20px}.projectDescriptionText h3{font-size:18px}.projectDescriptionText h4{font-size:16px}.projectDescriptionText h5{font-size:14px}.projectDescriptionText h6{font-size:12px}.projectDescriptionText p{margin:15px 0}.projectDescriptionText hr{background:#fff3;border:none;height:1px;margin:20px 0}.projectImages{display:row;gap:15px;margin-top:20px}.projectImage{border:1px solid #fff3;border-radius:6px;cursor:pointer;height:100%;margin-bottom:10px;margin-right:15px;max-height:200px;max-width:100%;transition:all .3s ease}.projectImage:hover{box-shadow:0 4px 12px #ffffff1a;transform:scale(1.02)}.projectImages:has(img:first-child:only-child){grid-template-columns:1fr}.projectImages:has(img:nth-child(2):last-child){grid-template-columns:1fr 1fr}.projectImages:has(img:nth-child(3):last-child){grid-template-columns:1fr 1fr 1fr}.projectImages:has(img:nth-child(4):last-child){grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.projectImages:has(img:nth-child(5):last-child){grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.projectImages:has(img:nth-child(6):last-child){grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.projectImages:has(img:nth-child(n+7)){grid-auto-rows:150px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.projectImages:has(img:nth-child(n+7)) .projectImage{height:100%;object-fit:cover}.projectDescriptionSection{border-bottom:2px solid #ffffff4d;margin-bottom:50px;padding-bottom:35px;position:relative;width:100%}.projectDescriptionSection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (max-width:900px){.projectsPage{height:auto;overflow:visible}.projectsContainer{align-items:center;flex-direction:column;height:auto;width:98vw}.projectsList{flex-direction:row;gap:18px;height:0;justify-content:center;margin-top:18px;max-height:none;min-width:0;overflow-y:visible;padding-right:0;visibility:hidden;width:100%}.projectDescriptionPane{margin-left:0;margin-top:-30px;max-height:none;max-width:98vw;overflow-y:visible;padding:30px 20px;width:90vw}.projectDescriptionTitle{font-size:24px}.projectDescriptionText{font-size:14px}}.imageModal{background-color:#000000e6;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.imageModal,.imageModalContent{align-items:center;display:flex;justify-content:center}.imageModalContent{cursor:default;max-height:100%;max-width:100%;position:relative}.imageModalClose{align-items:center;background:#aaaaaab3;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:1001}.imageModalClose:hover{background:#c8c8c8e6;transform:scale(1.1)}.expandedImage{border-radius:8px;box-shadow:0 8px 32px #00000080;height:auto;max-height:95vh;max-width:95vw;object-fit:contain;width:auto}.aboutMePage{display:flex;flex-direction:column}.homeButton{color:#fff;left:20px;position:fixed;top:20px;z-index:300}.aboutMePage1{background-color:#ffbead;display:flex;flex-direction:row;min-height:100vh;padding-bottom:50px}.leftBox{align-items:center;transform:scale(.7)}.leftBox,.rightBox{display:flex;justify-content:center;min-height:100vh;position:relative;width:50%}.rightBox{align-items:flex-start}.aboutContentPane,.rightBox{box-sizing:border-box;padding:20px}.aboutContentPane{background-color:#fff;border:2px solid #ff7f5f;border-radius:20px;box-shadow:0 4px 12px #ff7f5f1a;width:100%}.aboutContentText{color:#333;font-family:Inter,sans-serif;line-height:1.6;margin-bottom:30px}.aboutIntro{font-size:18px;font-weight:400;margin-bottom:25px}.aboutSkills{font-size:15px;font-weight:700;margin-bottom:25px;text-align:center}.skillCategory{color:#555;font-family:Inter,sans-serif;line-height:1.8;margin-bottom:15px}.aboutProject{margin-top:25px}.aboutProject h3{color:#ff7f5f;font-family:Inter,sans-serif;font-size:16px;font-weight:700;margin-bottom:12px;margin-top:0}.aboutProject p{color:#555;font-size:14px;margin:0}.aboutMePhotoBox{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.aboutMePhoto{border:1px solid #ff7f5f;border-radius:15px;height:350px;transition:transform .2s ease;width:280px}.aboutBigText{-webkit-text-stroke:1px #ff7f5f;color:#fff;font-family:Inter,sans-serif;font-size:90px;font-weight:700;left:-40px;line-height:1;top:-140px;z-index:100}.aboutBigText,.aboutDescOverlay{position:absolute;transition:transform .3s ease}.aboutDescOverlay{align-items:center;display:flex;flex-direction:row;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:200}.aboutDescColumn,.aboutDescItem{display:flex;flex-direction:column}.aboutDescItem{background-color:#fff;border:1px solid #ff7f5f;border-radius:9px;font-family:Inter,sans-serif;font-size:17px;font-weight:400;padding:12px 7.2px}.aboutDescItem1{margin-left:-35px;margin-right:70px;margin-top:70px;width:253px}.aboutDescItem2{margin-left:50px;margin-top:42px;width:158px}.aboutDescItem3{margin-left:90px;margin-top:42px;width:152px}.aboutDescItem4{margin-left:90px;margin-top:15px;width:194px}.aboutDescItem5{margin-left:140px;margin-top:30px;width:193px}.aboutDescItem6{margin-left:125px;margin-top:30px;width:175px}.aboutDescItem7{height:128px;image-rendering:pixelated;margin-left:93px;margin-top:10px;width:128px}.aboutMeTimeline{align-items:center;background-color:#ffbead;display:flex;flex-direction:column;min-height:50vh;padding:1px 10px}.timelineContainer{background-color:#fff;border:2px solid #ff7f5f;border-radius:20px;box-sizing:border-box;padding:30px;width:95%}@media (min-width:1001px){.leftBox{transform:translate(5%) scale(.8)}}@media (max-width:1000px){.aboutMePage1{flex-direction:column}.leftBox,.rightBox{min-height:50vh;width:100%}.aboutContentPane{width:95%}.aboutIntro{font-size:16px}.aboutProject h3{font-size:14px}.aboutBigText{font-size:80px;transform:translate(-35%,30%);width:500px}.aboutMePhoto{transform:translate(0)}.aboutProject p,.skillCategory{font-size:16px}.aboutHighlights{transform:translateY(60px) scale(.7)}.aboutMeTimeline{padding:40px 10px}.timelineContainer{padding:20px;width:95%}}@font-face{font-family:IBMPlexMono;font-style:normal;font-weight:700;src:url(/static/media/IBMPlexMono-SemiBold.5f82c3b8863d23615092.ttf) format("truetype")}@font-face{font-family:IBMPlexMono;font-style:normal;font-weight:400;src:url(/static/media/IBMPlexMono-Medium.e44b6da17070f5fecd5b.ttf) format("truetype")}@font-face{font-family:IBMPlexMono;font-style:normal;font-weight:light;src:url(/static/media/IBMPlexMono-Light.a21361968db7f557724b.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:light;src:url(/static/media/Inter-Light.02850f28027788580733.ttf) format("truetype")}.timelineElementContainer{align-items:flex-start;display:flex;margin:20px 0;padding:0}.timelineElementDate{flex-shrink:0;font-weight:700;padding-right:10px;width:25%}.timelineElementDate,.timelineElementText{color:#333;font-family:IBMPlexMono,sans-serif;font-size:16px;line-height:1.6}.timelineElementText{flex-grow:1;font-weight:400;width:75%}@media (max-width:1000px){.timelineElementContainer{flex-direction:column;margin:25px 0}.timelineElementDate{font-weight:700;margin-bottom:10px;padding-right:0}.timelineElementDate,.timelineElementText{font-size:14px;width:100%}}@font-face{font-family:IBMPlexMono;font-style:normal;font-weight:600;src:url(/static/media/IBMPlexMono-SemiBold.5f82c3b8863d23615092.ttf) format("truetype")}@font-face{font-family:IBMPlexMono;font-style:normal;font-weight:300;src:url(/static/media/IBMPlexMono-Light.a21361968db7f557724b.ttf) format("truetype")}@font-face{font-family:IBMPlexMono;font-style:normal;font-weight:400;src:url(/static/media/IBMPlexMono-Regular.1509e8d24f8562f776e4.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/Inter-Bold.0eaf807b1cf0eceabe0f.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(/static/media/Inter-Light.02850f28027788580733.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.9ca9ba81e9dcaa12b3a1.ttf) format("truetype")}body,html{overflow-x:hidden;overflow-y:auto}.aboutMeSimplifiedPage{background-color:#f8f8f8;background-image:linear-gradient(90deg,#0000 10%,#faa 0,#faa calc(10% + 1px),#0000 calc(10% + 1px)),repeating-linear-gradient(0deg,#0000,#0000 29px,#bcd2eb 0,#bcd2eb 30px);min-height:100vh;padding:30px 0}.aboutMeSimplifiedPage .homeButton{color:#333;left:20px;position:fixed;top:20px;z-index:300}.simplifiedContent{display:flex;flex-direction:row;padding:0 20px;width:100%}.simplifiedLeftBox{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:visible;padding:20px;width:40%}.simplifiedRightBox{box-sizing:border-box;padding:0 10px;width:60%}.simplifiedLines{width:95%}.simplifiedLine{font-weight:400}.simplifiedLine,.simplifiedLineBold{align-items:center;color:#333;display:flex;font-family:IBMPlexMono;font-size:20px;line-height:20px;margin-bottom:10px;margin-left:20%;min-height:24px;padding:0}.simplifiedLineBold{font-weight:600}.simplifiedPhoto{transform:rotate(5deg)}.simplifiedTimeline{padding-left:0;width:95%}.simplifiedTimeline .timeline-element{margin-bottom:30px}@media (max-width:1000px){.simplifiedContent{flex-direction:column;gap:20px}.simplifiedLeftBox{min-height:auto;overflow:visible;width:100%}.simplifiedRightBox{margin-left:12%;width:100%}.simplifiedLine{font-size:22px}.simplifiedLine,.simplifiedLineBold{line-height:22px;margin-bottom:12px;margin-left:10%}.simplifiedLineBold{font-size:24px}.aboutMeSimplifiedPage{background-image:linear-gradient(90deg,#0000 10%,#faa 0,#faa calc(10% + 1px),#0000 calc(10% + 1px)),repeating-linear-gradient(0deg,#0000,#0000 27px,#bcd2eb 0,#bcd2eb 28px)}}@media (max-width:600px){.simplifiedContent{padding:0 10px}.simplifiedLeftBox,.simplifiedRightBox{padding:20px 10px}.simplifiedRightBox{margin-left:10%}.simplifiedLine{font-size:20px}.simplifiedLine,.simplifiedLineBold{line-height:20px;margin-bottom:10px;margin-left:10%}.simplifiedLineBold{font-size:22px}.aboutMeSimplifiedPage{background-image:linear-gradient(90deg,#0000 10%,#faa 0,#faa calc(10% + 1px),#0000 calc(10% + 1px)),repeating-linear-gradient(0deg,#0000,#0000 25px,#bcd2eb 0,#bcd2eb 26px)}}.simplifiedPhotoContainer{display:flex;justify-content:center;margin-bottom:40px;position:relative}.simplifiedPhoto{border:10px solid #fff;border-radius:0;height:250px;object-fit:cover;position:relative;width:200px;z-index:1}.tape1{left:-45px;top:-15px;transform:rotate(-35deg)}.tape1,.tape2{height:65px;opacity:.9;position:absolute;width:150px;z-index:2}.tape2{bottom:-15px;right:-45px;transform:rotate(150deg)}
/*# sourceMappingURL=main.633020c8.css.map*/