@import"https://fonts.googleapis.com/css2?family=Crimson+Text:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:hidden}p{margin:0;padding:0;color:#0ff}.left-window-container{height:100vh;width:100%;top:0;left:1%;position:relative;pointer-events:none}.left-window{position:fixed;left:0;top:5.5%;height:87%;aspect-ratio:3/5;background-image:url(/elements/left-door2.png);background-size:100% 100%;background-position:center;pointer-events:auto}.left-window-handle{position:relative;top:58%;left:91%;width:11%;height:24%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;overflow:visible}.left-handle-string{width:40%;height:20%;position:relative;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;background-image:url(/elements/charmhandle.png)}.handle-body-container{width:90%;height:65%;position:relative;border-radius:4px;outline:inherit;border:none;padding:0;overflow:visible;background:transparent}.handle-body img{width:100%;height:auto;transform:scaleY(1.3) scaleX(1) translateY(11.5%);left:0;top:0;position:absolute;object-fit:contain;display:block}.left-window-description-container{position:absolute;top:5.5%;left:7%;width:85%;height:28%}.left-window-projects-container{position:absolute;top:40.6%;left:5%;width:89%;height:49%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9% 8%}.left-window-individual-project-container{height:49%;position:relative}.left-window-description-content{width:100%;height:100%;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.description-title{width:100%;height:15%;text-align:center;color:#fff;font-size:2.8vh;font-weight:1000;margin-top:2%;margin-bottom:3%;font-family:Nunito,sans-serif;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(135,206,250,.5)}.projects-description-body{width:90%;height:60%;color:#f0f0f0;font-size:1.7vh;font-weight:1000;line-height:2vh;font-family:Nunito,sans-serif;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 3px rgba(0,0,0,.5)}.custom-link{color:#1e90ff;text-decoration:none;transition:color .2s ease}.custom-link:hover{color:#63b3ff}.project-window-container{position:relative;height:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;flex-direction:row}.glass-window{position:relative;height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;font-family:Nunito,sans-serif;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a;border-radius:16px;color:#fff}.window-center-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;height:100%}.window-title{height:10%;width:90%;border-radius:8px;text-align:center;margin-bottom:1%;margin-top:2%;color:#fff;font-size:1.75vh;font-weight:1200;font-family:Nunito,sans-serif;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(135,206,250,.9);white-space:nowrap;display:inline-block}.window-content-container{position:relative;width:100%;height:95%;margin:2%;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.content{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.project-image-container{width:100%;height:100%;border-radius:12px;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden}.project-description-container{position:absolute;height:90%;vertical-align:top;display:block;font-size:1.4vh;text-align:left;line-height:1.5;white-space:pre-wrap;overflow-y:auto;overflow-x:hidden;transition:all .2s ease-in-out;padding:1% 3% 3%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#888 transparent;text-shadow:0px 1px 3px rgba(0,0,0,.5)}.project-description-container::-webkit-scrollbar{width:6px}.project-description-container::-webkit-scrollbar-track{background:transparent}.project-description-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.page-indicator{position:relative;width:50%;height:7%;padding-bottom:1%;border-radius:10px}.window-arrow-container{position:relative;display:flex;justify-content:center;align-items:center;width:10%;height:100%}.window-nav-arrow-container{position:relative;width:100%;height:10%;padding:10%}.nav-arrow-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.nav-arrow{all:unset;width:100%;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;mix-blend-mode:lighten}.svg-line{stroke-linecap:round;fill:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.4));mix-blend-mode:lighten}.svg-halo{filter:blur(6px);stroke:#fff3;stroke-width:10}.page-indicator-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}.page-indicator-bubble-container{height:100%;aspect-ratio:1;display:flex;justify-content:center}.background-container{left:0;top:0;position:absolute;width:100%;height:100%;overflow:hidden}.background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/elements/website-background-2.png);background-size:100% 100%}.title-text{display:flex;height:20vh;top:7%;width:100%;text-align:center;justify-content:center;align-items:center;position:relative;font-family:Nunito,sans-serif;font-size:clamp(5vh,4vw,4vw);font-weight:700;color:#f0f0f0;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(135,206,250,.5)}.back-bar{width:100%;height:3%;top:5%;position:absolute;background-image:url(/elements/back-bar.png);background-size:100% 100%}.floor{width:100%;height:8%;top:92%;position:absolute;background-image:url(/elements/floor.png);background-size:100% 100%}.clouds-1{width:100%;height:100%;position:absolute;background-image:url(/elements/clouds-1.png);background-size:100% 100%;top:0}.title-sub-text-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;left:0;pointer-events:none}.descriptions{position:relative;display:flex;justify-content:center;width:100%;height:15%;align-items:center;top:21vh}.text-box{position:absolute;left:50%;transform:translate(-50%);color:#f0f0f0;font-size:1.8vh;font-weight:1000;text-align:center;font-family:Nunito,sans-serif;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(135,206,250,.5);white-space:nowrap;display:inline-block}.contact-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:transparent;overflow-x:hidden;overflow-y:hidden}.buoy-container{position:relative;height:11vh;aspect-ratio:5/10;left:35vw;top:65vh;pointer-events:auto;cursor:pointer}.buoy-button{position:relative;width:100%;height:100%;background-image:url(/elements/buoy2.png);background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;background-position:center;border:none;outline:none;cursor:pointer}.plane-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;position:absolute;left:50%;transform:translate(-50%);width:clamp(600px,35vw,100vw);height:35vh;top:25vh;pointer-events:none;background-color:transparent;overflow-x:hidden;overflow-y:hidden}.plane{position:relative;width:20%;height:15%;background-image:url(/elements/plane.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;pointer-events:none}.plane-banner{position:relative;width:80%;height:40%;background-image:url(/elements/banner.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;display:flex;justify-content:flex-start;flex-direction:column;pointer-events:auto}.banner-content{width:76%;height:100%;display:flex;justify-content:center;flex-direction:column;pointer-events:auto}.banner-text{position:relative;background-color:transparent;height:10%;top:8%;font-size:2.5vh;font-weight:750;color:#111;text-align:center;text-shadow:0px 4px 4px rgba(0,0,0,.5);font-family:Crimson Text,sans-serif}.contact-buttons{width:100%;height:100%;display:flex;align-items:center;justify-content:space-evenly}.contact-button{position:relative;margin:4%;border-radius:16px;height:18%;aspect-ratio:1 / 1;text-decoration:none;display:flex;align-items:center;justify-content:center}.icon{color:#fff;pointer-events:none;transform-origin:center center;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.5))}.right-window-container{display:flex;height:100vh;top:0;left:0;position:absolute;width:100%;pointer-events:none}.right-window{position:fixed;right:0;top:5.5%;height:87%;aspect-ratio:3/5;background-image:url(/elements/right-door2.png);background-size:100% 100%;background-position:center;pointer-events:auto}.right-window-handle{position:relative;top:58%;left:-2%;width:11%;height:24%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.right-handle-string{width:40%;height:20%;position:relative;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;background-image:url(/elements/charmhandle.png);filter:blur(.5px)}.right-handle-body{background-image:url(/elements/charm3.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;width:90%;height:65%;position:relative;border-radius:4px;outline:inherit;border:none;padding:0;cursor:pointer}.right-window-about-container{position:absolute;top:5.5%;left:8%;width:85%;height:28%}.right-window-skills-container{position:absolute;top:40.6%;left:6%;width:89%;height:49%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9% 8%}.right-window-individual-skill-container{height:49%;position:relative}.skills-glass-window{position:relative;height:100%;aspect-ratio:1 / 1;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;flex-wrap:wrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a;border-radius:16px;color:#fff}.individual-skill-window{width:40%;height:40%;position:relative;border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a;display:flex;justify-content:center;align-items:center}.individual-skill{width:90%;height:90%}.about-window-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-window-container-keep{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden}.about-window-tab-selector{width:100%;height:15%;pointer-events:auto}.about-text-container{position:absolute;top:15%;height:85%;width:100%;font-family:Nunito,sans-serif;display:block;padding:4% 3% 3%;box-sizing:border-box;text-align:left;white-space:pre-wrap;overflow-y:auto;overflow-x:hidden;color:#f0f0f0;font-size:min(1.5vh,3vw);font-weight:1000;line-height:min(2vh,4vw);text-shadow:0 0 10px rgba(255,255,255,.8),0 0 3px rgba(0,0,0,.5);pointer-events:none}.experience-container{position:relative;width:100%;height:85%;top:0;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;pointer-events:all;z-index:1}.blue-svg{filter:drop-shadow(0 0 4px rgba(150,255,250,.7)) drop-shadow(0 0 8px rgba(150,255,250,.4)) drop-shadow(0 0 12px rgba(150,255,250,.2));pointer-events:auto;position:absolute;bottom:0;width:100%;height:100%}.glow{transition:filter .3s ease-in-out}.main-experience-container{position:relative;width:80%;height:100%}.top-experience-names,.bottom-experience-names{width:92%;height:40%;display:flex;justify-content:space-around;align-items:center}.experience-name{width:45%;height:80%;color:#fff;font-family:Nunito,sans-serif;text-shadow:0 0 2px rgba(255,255,255,.9),0 0 2px rgba(255,255,250,.6),0 0 4px rgba(255,255,250,.4),0 1px 3px rgba(0,0,0,.5);filter:drop-shadow(0 0 6px rgba(150,255,250,.15));text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:min(2vh,3.5vw);line-height:min(2.2vh,4vw)}.experience-wrapper{width:100%;height:100%}.experience-foreground{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:100%;pointer-events:none}.experience-all-circles-container{top:0;left:4%;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:92%;height:100%;pointer-events:auto}.experience-circle-container{position:relative;height:18%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;pointer-events:auto}.individual-experience-container{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.individual-experience-top-bar{width:100%;height:18%;display:flex;align-items:center;justify-content:center;margin-top:2%}.individual-experience-title{width:50%;height:100%;text-align:center;font-family:Nunito,sans-serif;font-weight:1000;font-size:min(2.8vh,5vw);line-height:min(3.2vh,5.5vw);text-shadow:0 0 2px rgba(255,255,255,.9),0 0 4px rgba(255,255,250,.6),0 0 8px rgba(255,255,250,.4),0 1px 3px rgba(0,0,0,.5)}.individual-experience-return-button{position:absolute;left:5%;color:#ffffffb3;cursor:pointer;background:#ffffff26;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000001a;transition:background .3s,box-shadow .3s;height:18%;aspect-ratio:1 / 1}.individual-experience-description{width:95%;height:85%;text-align:left;padding:1% 3%;box-sizing:border-box;font-size:min(1.3vh,3vw);line-height:min(1.8vh,4vw);overflow-y:auto}.tab-selector{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(40,40,40,.2)}.nav{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tabs-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:0}.tab{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;border:none;height:100%;color:#fff;cursor:pointer;font-size:2vh;font-weight:700;font-family:Nunito,sans-serif;text-shadow:0 0 6px rgba(255,255,255,.8),0 0 20px rgba(135,206,250,.5)}.foreground-container{left:0;top:0;position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.top-bar{width:100%;height:6%;position:absolute;background-image:url(/elements/top-bar.png);background-size:100% 100%}