body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{scrollbar-color:transparent transparent;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}*{z-index:9999999}.Nav{align-items:center;flex-direction:row;justify-content:flex-between;position:fixed;top:0;z-index:99999999}.Nav,ul{display:flex;width:100vw}ul{justify-content:center;list-style-type:none;margin:0;padding-top:.25vw}li a{border:solid;border-color:transparent;border-radius:50px;color:#7a7a7a;display:block;font-family:Neucha,cursive;font-size:1.8vw;margin-left:.5vw;margin-right:.5vw;padding-left:.5vw;padding-right:.5vw;padding-top:.5vw;text-align:center;text-decoration:none;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow .3s ease,transform .3s ease,-webkit-transform .3s ease;z-index:9999999}ex{padding-top:2vw}.logo{height:6vw;width:6vw}.scroll-down{border:2px solid #000;border-radius:50px;bottom:20px;cursor:pointer;height:50vw;left:50%;position:absolute;width:30vw}.scroll-down:after,.scroll-down:before{-webkit-animation:scroll-down 1s ease-in-out infinite;animation:scroll-down 1s ease-in-out infinite;border:2px solid #000;border-left:transparent;border-top:transparent;content:"";height:10px;left:50%;position:absolute;top:20%;-webkit-transform:translate(-50%,-100%) rotate(45deg);transform:translate(-50%,-100%) rotate(45deg);width:10px}.scroll-down:before{-webkit-animation-delay:.3s;animation-delay:.3s;top:30%}.NavBackground{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background-color:rgba(255,255,239,.5);border-radius:10vw;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;justify-content:center;margin:1.5vw auto;max-height:6.2vw;max-width:70vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-link{color:#7a7a7a;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background-color:#7a7a7a;bottom:-.3vw;content:"";height:.2vh;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.film-page .nav-link{color:#fff}.film-page .nav-link:after{background-color:#fff}.film-page .nav-link:hover{color:#fff}.music-toggle-btn-container{position:absolute;right:7vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);.music-toggle-btn{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background:none;background-color:rgba(255,255,239,.5);border:none;border-radius:10vw;box-shadow:0 0 12px rgba(0,0,0,.15);cursor:pointer;display:flex;justify-content:center;padding:1.7vw;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.music-toggle-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.music-icon{height:3vw;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:3vw}}.film-page .music-icon{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.home{background-image:url(/static/media/ColorBackground.ef3d9c47a9590a9cad4f.png);background-repeat:no-repeat;background-size:100vw;height:305vw;overflow:hidden;padding-top:3vw;position:relative;width:100vw}.fade-in{opacity:0;transition:opacity 3s ease-in}.visible{opacity:1}.slide-in-left{-webkit-animation:slide-in-left 3s ease-out forwards;animation:slide-in-left 3s ease-out forwards}@-webkit-keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-50vw);transform:translateX(-50vw)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-50vw);transform:translateX(-50vw)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.slide-in-right{-webkit-animation:slide-in-right 3s ease-out forwards;animation:slide-in-right 3s ease-out forwards}@-webkit-keyframes slide-in-right{0%{opacity:0;-webkit-transform:translateX(50vw);transform:translateX(50vw)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;-webkit-transform:translateX(50vw);transform:translateX(50vw)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.slide-in-top{-webkit-animation:slide-in-top 4s ease-out forwards;animation:slide-in-top 4s ease-out forwards}@-webkit-keyframes slide-in-top{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.topDivision{display:flex;padding-top:3vw;position:relative}.welcomeDescription{align-items:center;display:flex;height:40vw;justify-content:center;position:relative;width:100%;z-index:2}.welcome{height:30vw;left:0;position:relative;top:0;width:40vw}.LeafBack{right:0;top:0;z-index:3}.FallBack,.LeafBack{height:90vw;opacity:0;position:absolute;width:50vw}.FallBack{left:0;top:15vw;z-index:4}.GreekBack{height:228vw;left:0;top:96.5vw;width:100vw;z-index:4}.GreekBack,.woodBack{opacity:0;position:absolute}.woodBack{height:55.5vw;left:2.5vw;top:228.6vw;width:97vw;z-index:3}.Bridge{height:10vw;left:26vw;position:absolute;top:33vw;width:30vw;z-index:1}.csDescription{background-position:20vw 26vw;background-repeat:no-repeat;background-size:26vw;display:flex;justify-content:flex-start}.csTitle{height:20vw;left:21vw;position:absolute;top:68vw;width:18vw}.csDescription h1{color:#7a7a7a;font-family:Neucha,cursive;font-size:2.8vw;font-weight:lighter;left:32vw;letter-spacing:-.1vw;position:absolute;text-align:center;top:80vw;width:40vw;word-spacing:.5vw}.artDescription{align-items:center;display:flex;justify-content:flex-end}.artDescriptionText{color:#7a7a7a;font-family:Neucha,cursive;font-size:2.8vw;font-weight:lighter;left:49vw;letter-spacing:-.1vw;position:absolute;text-align:center;top:147vw;width:40vw;word-spacing:.5vw}.artTitle{height:13vw;left:77vw;position:absolute;top:135vw;width:9vw}.woodTitle{height:19vw;left:7vw;position:absolute;top:207vw;width:13vw}.interestDescription{background-image:url(/static/media/Interest.2684016c6e52bc02ae1e.png);background-position:6vw 13vw;background-repeat:no-repeat;background-size:20vw;display:flex;justify-content:flex-start}.interestDescription h1{color:#7a7a7a;font-family:Neucha,cursive;font-size:2.8vw;font-weight:lighter;left:20vw;letter-spacing:-.1vw;position:absolute;text-align:center;top:220vw;width:40vw;word-spacing:.5vw}.contactDescription{display:flex;position:absolute;top:275vw}.contact{height:15vw;padding-left:22vw;padding-top:15vw;width:20vw}.contact-links{padding-left:6vw;padding-top:10vw;position:absolute;top:13vw}.contactLogo{height:7vw;width:7vw}.lastLine{color:#7a7a7a;font-family:Neucha,cursive;font-size:2vw;font-weight:lighter;left:38vw;letter-spacing:-.1vw;padding-bottom:3vw;padding-top:4vw;position:absolute;text-align:center;top:295vw;word-spacing:.5vw}.lastUpdated{font-size:1.4vw;opacity:.8}.heartAndStamina{bottom:4.2vw;height:5vw;left:8.8vw;position:absolute;width:5vw}.computerScience{background-image:url(/static/media/ColorBackground.ef3d9c47a9590a9cad4f.png);background-repeat:no-repeat;background-size:240vw;height:257vw;width:100vw}.csHeaderWrap{align-items:center;display:flex;justify-content:center;padding-bottom:15vw;padding-top:20vw;.csHeader{color:rgba(82,82,82,.859);font-family:Neucha;font-size:11vw;text-align:center}.clouds-img{-webkit-filter:brightness(1.3);filter:brightness(1.3);left:0;pointer-events:none;position:absolute;top:-13vw;width:100vw;z-index:3}}.csHeaderDescription{grid-gap:3vw;align-items:start;display:grid;gap:3vw;grid-template-columns:repeat(3,1fr);justify-content:center;justify-items:center;max-width:100vw;padding-left:8vw;padding-right:8vw;padding-top:16vw}.cs-card,.csExperience{align-items:center;display:flex;justify-content:center;padding:1vw}.cs-card{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,239,.8);border-radius:2vw;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;flex-direction:column;height:25vw;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:25vw}.cs-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);-webkit-transform:scale(1.05);transform:scale(1.05)}.cs-card-image{border-radius:1vw;height:18vw;margin-bottom:1vw;object-fit:cover;width:18vw}.cs-card-name{color:rgba(82,82,82,.859);font-size:2vw;font-weight:700;margin-bottom:.5vw}.cs-card-name,.cs-card-time{font-family:Neucha;text-align:center}.cs-card-time{color:rgba(82,82,82,.6);font-size:1.5vw;font-style:italic}.cs-modal-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999999}.cs-modal{-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,239,.95);border-radius:2vw;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:90vh;max-width:90vw;overflow-y:auto;position:relative;z-index:9999999999}.cs-close-x{align-items:center;background:rgba(82,82,82,.1);border:2px solid rgba(82,82,82,.3);border-radius:50%;color:rgba(82,82,82,.859);cursor:pointer;display:flex;font-family:Neucha;font-size:2.5vw;height:4vw;justify-content:center;position:absolute;right:1vw;top:1vw;transition:all .3s ease;width:4vw;z-index:10}.cs-close-x:hover{background:rgba(82,82,82,.2);border-color:rgba(82,82,82,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.cs-modal-content{align-items:flex-start;display:flex;gap:3vw;padding:6vw 3vw 3vw}.cs-modal-text{display:flex;flex:1 1;flex-direction:column}.cs-modal-image{align-items:center;display:flex;flex:0 0 35vw;justify-content:center}.cs-Project-Name{color:rgba(82,82,82,.859);font-family:Neucha;font-size:3vw;letter-spacing:.1vw;margin-bottom:1vw}.cs-Project-Time{font-size:2vw;font-style:italic}.cs-Project-Text,.cs-Project-Time{color:rgba(82,82,82,.859);font-family:Neucha;margin-bottom:2vw}.cs-Project-Text{font-size:1.7vw;line-height:1.6}.cs-Project-Link{margin-bottom:2vw}.cs-Project-Link a{background:rgba(82,82,82,.1);border:2px solid rgba(82,82,82,.3);border-radius:1vw;color:rgba(82,82,82,.859);display:inline-block;font-family:Neucha;font-size:1.5vw;padding:1vw 2vw;text-decoration:none;transition:all .3s ease}.cs-Project-Link a:hover{background:rgba(82,82,82,.2);border-color:rgba(82,82,82,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.csPic{border-radius:1vw;height:auto;max-height:30vw;object-fit:contain;width:100%}.art{background-image:url(/static/media/ColorBackground.ef3d9c47a9590a9cad4f.png);background-repeat:no-repeat;background-size:240vw;height:223vw;width:100vw}.artHeaderDescription{grid-gap:3vw;align-items:start;display:grid;gap:3vw;grid-template-columns:repeat(3,1fr);justify-content:center;justify-items:center;max-width:100vw;padding-left:8vw;padding-right:8vw}.artHeaderWrap{align-items:center;display:flex;justify-content:center;padding-bottom:30vw;padding-top:20vw;.artHeader{color:rgba(82,82,82,.859);font-family:Neucha;font-size:11vw;text-align:center}.clouds-img{-webkit-filter:brightness(1.3);filter:brightness(1.3);left:0;pointer-events:none;position:absolute;top:-13vw;width:100vw;z-index:3}}.art-modal{-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,239,.95);border-radius:2vw;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:90vh;max-width:90vw;overflow-y:auto;position:relative;z-index:9999999999}.art-modal-content{align-items:flex-start;display:flex;gap:3vw;padding:6vw 3vw 3vw}.art-modal-text{display:flex;flex:1 1;flex-direction:column}.art-modal-image,.art-modal-video{align-items:center;display:flex;flex:0 0 35vw;justify-content:center}.art-Project-Name{color:rgba(82,82,82,.859);font-family:Neucha;font-size:3vw;letter-spacing:.1vw;margin-bottom:1vw}.art-Project-Time{font-size:2vw;font-style:italic}.art-Project-Text,.art-Project-Time{color:rgba(82,82,82,.859);font-family:Neucha;margin-bottom:2vw}.art-Project-Text{font-size:1.7vw;line-height:1.6}.artPic{height:auto;max-height:30vw;object-fit:contain}.artPic,iframe{border-radius:1vw;width:100%}iframe{height:400px}.art-Project-Link{margin-bottom:2vw}.art-Project-Link a{background:rgba(82,82,82,.1);border:2px solid rgba(82,82,82,.3);border-radius:1vw;color:rgba(82,82,82,.859);display:inline-block;font-family:Neucha;font-size:1.5vw;padding:1vw 2vw;text-decoration:none;transition:all .3s ease}.art-Project-Link a:hover{background:rgba(82,82,82,.2);border-color:rgba(82,82,82,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.film{background-attachment:fixed;background-image:url(/static/media/Space_Background.3c7af0f3e3eb8a83c265.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%}.film,.film-content{align-items:center;display:flex;justify-content:center}.film-content{flex-direction:column;padding-top:3vw}.tv-container{align-items:center;display:flex;justify-content:center;position:relative;z-index:100}.tv-wrapper{display:inline-block}.tv-image,.tv-wrapper{pointer-events:none;position:relative}.tv-image{display:block;height:auto;right:5vw;width:75vw;z-index:4}.tv-video{border:none;border-radius:1vw;height:19vw;left:32.85vw;pointer-events:auto;position:absolute;top:30vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:28.3vw;z-index:5}.video-title{color:#000;font-family:Neucha,cursive;font-size:1.7vw;left:32.64vw;pointer-events:none;position:absolute;text-align:center;top:40.8vw;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:6}.left-button{-webkit-animation:buttonFloat 3s ease-in-out infinite;animation:buttonFloat 3s ease-in-out infinite;-webkit-animation-delay:0s;animation-delay:0s;height:auto;pointer-events:auto;position:relative;right:-21vw;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:20vw;z-index:100}.left-button:hover{-webkit-filter:drop-shadow(0 0 20px hsla(0,0%,100%,.8)) drop-shadow(0 0 40px hsla(0,0%,100%,.6));filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.6));-webkit-transform:scale(1.05);transform:scale(1.05)}.right-button{-webkit-animation:buttonFloat 3s ease-in-out infinite;animation:buttonFloat 3s ease-in-out infinite;height:auto;margin-left:-10vw;pointer-events:auto;position:relative;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:20vw;z-index:100}.right-button:hover{-webkit-filter:drop-shadow(0 0 20px hsla(0,0%,100%,.8)) drop-shadow(0 0 40px hsla(0,0%,100%,.6));filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.6));-webkit-transform:scale(1.05);transform:scale(1.05)}.hover-image{height:auto;margin-left:25vw;pointer-events:none;width:25vw}.hover-image,.hover1{-webkit-animation:floatUpDown 3s ease-in-out infinite;animation:floatUpDown 3s ease-in-out infinite}.hover1{margin-top:-17vw;z-index:3}.hover2{z-index:2}.hover2,.hover3{-webkit-animation:floatUpDown 3s ease-in-out infinite;animation:floatUpDown 3s ease-in-out infinite;margin-top:-18.5vw}.hover3{z-index:1}.film-corner{color:#fff;font-family:Neucha,cursive;font-size:8vw;pointer-events:none;position:absolute;z-index:50}.film-corner-top-left{-webkit-animation:floatF 5s ease-in-out infinite;animation:floatF 5s ease-in-out infinite;-webkit-animation-delay:0s;animation-delay:0s;left:2vw;top:2vw}.film-corner-top-right{-webkit-animation:floatI 4s ease-in-out infinite;animation:floatI 4s ease-in-out infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;right:2vw;top:2vw}.film-corner-bottom-left{-webkit-animation:floatL 6s ease-in-out infinite;animation:floatL 6s ease-in-out infinite;-webkit-animation-delay:2.5s;animation-delay:2.5s;bottom:2vw;left:2vw}.film-corner-bottom-right{-webkit-animation:floatM 4.5s ease-in-out infinite;animation:floatM 4.5s ease-in-out infinite;-webkit-animation-delay:.8s;animation-delay:.8s;bottom:2vw;right:2vw}@-webkit-keyframes floatF{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translate(.6vw,-1vw) rotate(3deg);transform:translate(.6vw,-1vw) rotate(3deg)}50%{-webkit-transform:translate(-.4vw,-1.5vw) rotate(-2deg);transform:translate(-.4vw,-1.5vw) rotate(-2deg)}75%{-webkit-transform:translate(.5vw,-.8vw) rotate(2deg);transform:translate(.5vw,-.8vw) rotate(2deg)}}@keyframes floatF{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translate(.6vw,-1vw) rotate(3deg);transform:translate(.6vw,-1vw) rotate(3deg)}50%{-webkit-transform:translate(-.4vw,-1.5vw) rotate(-2deg);transform:translate(-.4vw,-1.5vw) rotate(-2deg)}75%{-webkit-transform:translate(.5vw,-.8vw) rotate(2deg);transform:translate(.5vw,-.8vw) rotate(2deg)}}@-webkit-keyframes floatI{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-.7vw,-.9vw) rotate(-2.5deg);transform:translate(-.7vw,-.9vw) rotate(-2.5deg)}66%{-webkit-transform:translate(.8vw,-1.2vw) rotate(2deg);transform:translate(.8vw,-1.2vw) rotate(2deg)}}@keyframes floatI{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-.7vw,-.9vw) rotate(-2.5deg);transform:translate(-.7vw,-.9vw) rotate(-2.5deg)}66%{-webkit-transform:translate(.8vw,-1.2vw) rotate(2deg);transform:translate(.8vw,-1.2vw) rotate(2deg)}}@-webkit-keyframes floatL{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}20%{-webkit-transform:translate(.4vw,-.6vw) rotate(1.5deg);transform:translate(.4vw,-.6vw) rotate(1.5deg)}40%{-webkit-transform:translate(-.5vw,-1.1vw) rotate(-1.8deg);transform:translate(-.5vw,-1.1vw) rotate(-1.8deg)}60%{-webkit-transform:translate(.3vw,-1.3vw) rotate(2.2deg);transform:translate(.3vw,-1.3vw) rotate(2.2deg)}80%{-webkit-transform:translate(-.4vw,-.7vw) rotate(-1deg);transform:translate(-.4vw,-.7vw) rotate(-1deg)}}@keyframes floatL{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}20%{-webkit-transform:translate(.4vw,-.6vw) rotate(1.5deg);transform:translate(.4vw,-.6vw) rotate(1.5deg)}40%{-webkit-transform:translate(-.5vw,-1.1vw) rotate(-1.8deg);transform:translate(-.5vw,-1.1vw) rotate(-1.8deg)}60%{-webkit-transform:translate(.3vw,-1.3vw) rotate(2.2deg);transform:translate(.3vw,-1.3vw) rotate(2.2deg)}80%{-webkit-transform:translate(-.4vw,-.7vw) rotate(-1deg);transform:translate(-.4vw,-.7vw) rotate(-1deg)}}@-webkit-keyframes floatM{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}30%{-webkit-transform:translate(.9vw,-.7vw) rotate(2.5deg);transform:translate(.9vw,-.7vw) rotate(2.5deg)}60%{-webkit-transform:translate(-.6vw,-1.4vw) rotate(-3deg);transform:translate(-.6vw,-1.4vw) rotate(-3deg)}90%{-webkit-transform:translate(.5vw,-.5vw) rotate(1.5deg);transform:translate(.5vw,-.5vw) rotate(1.5deg)}}@keyframes floatM{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}30%{-webkit-transform:translate(.9vw,-.7vw) rotate(2.5deg);transform:translate(.9vw,-.7vw) rotate(2.5deg)}60%{-webkit-transform:translate(-.6vw,-1.4vw) rotate(-3deg);transform:translate(-.6vw,-1.4vw) rotate(-3deg)}90%{-webkit-transform:translate(.5vw,-.5vw) rotate(1.5deg);transform:translate(.5vw,-.5vw) rotate(1.5deg)}}.research{background-attachment:fixed;background-image:url(/static/media/ResearchBackground.f2930e7f983497a0239b.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.research-sun{-webkit-animation:slideUpSun 2s ease-out forwards;animation:slideUpSun 2s ease-out forwards;height:100vh;left:0;object-fit:cover;pointer-events:none;position:absolute;top:30%;width:100%;z-index:2}.research-cloud,.research-cloud-1,.research-cloud-2,.research-cloud-3,.research-cloud-4,.research-cloud-5{position:absolute;width:100%;z-index:3}.research-cloud{height:auto;width:100%;z-index:4}.research-cloud-1{left:10%;top:-5%}.research-cloud-2{left:-5%;top:-5%}.research-cloud-3{top:-5%}.research-cloud-4{top:-7%}.research-cloud-5{left:5%;top:-5%}.research-ground{bottom:-10vh;height:auto;left:0;pointer-events:none;position:absolute;width:100%;z-index:4}.researchHeader{color:rgba(126,119,48,.859);font-family:Neucha;font-size:11vw;left:50vw;position:absolute;text-align:center;top:30vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .5s ease-out,visibility .5s ease-out;z-index:5}.researchHeader.header-show{opacity:1;visibility:visible}.researchHeader.header-hide{opacity:0;visibility:hidden}.research-tree-mid-left{bottom:-11%;height:auto;left:-1.5%;position:absolute;width:100vw;z-index:5}.research-tree-mid-right{bottom:-9%;height:auto;pointer-events:none;position:absolute;right:-.1%;width:96vw;z-index:5}.research-bridge-left{-webkit-animation:slideInFromLeft 2s ease-out forwards;animation:slideInFromLeft 2s ease-out forwards;bottom:-16.5%;height:auto;left:-6.5%;pointer-events:none;position:fixed;width:100%;z-index:6}.research-bridge-left.slide-out-left{-webkit-animation:slideOutToLeft 1s ease-out forwards;animation:slideOutToLeft 1s ease-out forwards}.research-tree{-webkit-animation:slideUpTree1 2s ease-out forwards;animation:slideUpTree1 2s ease-out forwards;bottom:0;left:0}.research-tree,.research-tree-2{height:auto;pointer-events:none;position:fixed;width:10vw;z-index:8}.research-tree-2{-webkit-animation:slideUpTree2 2.3s ease-out forwards;animation:slideUpTree2 2.3s ease-out forwards;bottom:-11vh;left:18vw;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.research-bridge-right{-webkit-animation:slideInFromRight 2s ease-out forwards;animation:slideInFromRight 2s ease-out forwards;bottom:-4%;height:auto;left:6%;pointer-events:none;position:fixed;width:100%;z-index:7}.research-bridge-right.slide-out-right{-webkit-animation:slideOutToRight 1s ease-out forwards;animation:slideOutToRight 1s ease-out forwards}.research-toggle-button{-webkit-animation:buttonFloat 3s ease-in-out infinite;animation:buttonFloat 3s ease-in-out infinite;bottom:5vh;cursor:pointer;-webkit-filter:brightness(1.3);filter:brightness(1.3);height:auto;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:80px;z-index:100}.research-toggle-button:hover{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}.research-toggle-button.button-flipped{-webkit-animation:buttonFloatFlipped 3s ease-in-out infinite;animation:buttonFloatFlipped 3s ease-in-out infinite;-webkit-transform:translateX(-50%) rotateX(180deg);transform:translateX(-50%) rotateX(180deg)}.research-toggle-button.button-flipped:hover{-webkit-transform:translateX(-50%) rotateX(180deg) scale(1.1);transform:translateX(-50%) rotateX(180deg) scale(1.1)}@-webkit-keyframes buttonFloat{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}}@keyframes buttonFloat{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}}@-webkit-keyframes buttonFloatFlipped{0%,to{-webkit-transform:translateX(-50%) translateY(0) rotateX(180deg);transform:translateX(-50%) translateY(0) rotateX(180deg)}50%{-webkit-transform:translateX(-50%) translateY(-10px) rotateX(180deg);transform:translateX(-50%) translateY(-10px) rotateX(180deg)}}@keyframes buttonFloatFlipped{0%,to{-webkit-transform:translateX(-50%) translateY(0) rotateX(180deg);transform:translateX(-50%) translateY(0) rotateX(180deg)}50%{-webkit-transform:translateX(-50%) translateY(-10px) rotateX(180deg);transform:translateX(-50%) translateY(-10px) rotateX(180deg)}}@-webkit-keyframes slideInFromLeft{0%{left:-100%}to{left:-6.5%}}@keyframes slideInFromLeft{0%{left:-100%}to{left:-6.5%}}@-webkit-keyframes slideInFromRight{0%{left:100vw}to{left:6%}}@keyframes slideInFromRight{0%{left:100vw}to{left:6%}}@-webkit-keyframes slideOutToLeft{0%{left:-6.5%}to{left:-100%}}@keyframes slideOutToLeft{0%{left:-6.5%}to{left:-100%}}@-webkit-keyframes slideOutToRight{0%{left:6%}to{left:100vw}}@keyframes slideOutToRight{0%{left:6%}to{left:100vw}}@-webkit-keyframes slideUpTree1{0%{bottom:-50vh}to{bottom:0}}@keyframes slideUpTree1{0%{bottom:-50vh}to{bottom:0}}@-webkit-keyframes slideUpTree2{0%{bottom:-50vh}to{bottom:-11vh}}@keyframes slideUpTree2{0%{bottom:-50vh}to{bottom:-11vh}}@-webkit-keyframes slideUpTreeMid2{0%{bottom:-50vh}to{bottom:-3%}}@keyframes slideUpTreeMid2{0%{bottom:-50vh}to{bottom:-3%}}@-webkit-keyframes slideUpTreeFront{0%{bottom:-50vh}to{bottom:-10%}}@keyframes slideUpTreeFront{0%{bottom:-50vh}to{bottom:-10%}}@-webkit-keyframes slideUpSun{0%{top:100vh}to{top:30%}}@keyframes slideUpSun{0%{top:100vh}to{top:30%}}.research-tree-mid-2{-webkit-animation:slideUpTreeMid2 2.1s ease-out forwards;animation:slideUpTreeMid2 2.1s ease-out forwards;bottom:-3%;height:auto;left:53%;pointer-events:none;position:absolute;width:10vw;z-index:8}.research-rock-container{bottom:-50vh;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:bottom 1s ease-out;width:78vw;z-index:8}.research-rock-container.rock-show{bottom:0}.research-rock-container.rock-hide{bottom:-100vh}.research-rock{display:block;height:auto;pointer-events:none;width:100%}.research-text-container{display:flex;flex-direction:column;left:50.5%;pointer-events:auto;position:absolute;top:45%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:text;user-select:text;width:35vw;z-index:9}.research-text-item{color:rgba(30,30,30,.9);font-family:Neucha,cursive;font-size:1.6vw;line-height:1;padding:.5vw;text-align:left}.research-text-item .research-link{color:#8f002b;cursor:pointer;font-style:italic;text-decoration:underline;transition:color .3s ease}.research-text-item .research-link:hover{color:#d32626}.research-text-item .research-text-small{font-size:1vw}.research-front-plank{bottom:-10vh;left:0;width:100%;z-index:8}.research-front-plank,.research-tree-front{height:auto;pointer-events:none;position:absolute}.research-tree-front{-webkit-animation:slideUpTreeFront 2.5s ease-out forwards;animation:slideUpTreeFront 2.5s ease-out forwards;bottom:-10%;left:84%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20vw;z-index:9}.cmuPortfolio{background-image:url(/static/media/ColorBackground.ef3d9c47a9590a9cad4f.png);background-repeat:no-repeat;background-size:240vw;min-height:100vh;width:100vw}.cmuHeaderDescription{grid-gap:3vw;align-items:start;display:grid;gap:3vw;grid-template-columns:repeat(4,1fr);justify-content:center;justify-items:center;max-width:100vw;padding-left:8vw;padding-right:8vw}.cmuPortfolio .art-card{height:18vw;width:18vw}.cmuPortfolio .art-card-image{height:13vw;width:13vw}.cmuPortfolio .art-card-name{font-size:1.5vw}.cmuPortfolio .art-card-time{font-size:1.1vw}.cmuHeaderWrap{align-items:center;display:flex;justify-content:center;padding-bottom:30vw;padding-top:20vw;.cmuHeader{color:rgba(82,82,82,.859);font-family:Neucha;font-size:11vw;text-align:center}.clouds-img{-webkit-filter:brightness(1.3);filter:brightness(1.3);left:0;pointer-events:none;position:absolute;top:-13vw;width:100vw;z-index:3}}.art-card,.artExperience{align-items:center;display:flex;justify-content:center;padding:1vw}.art-card{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,239,.8);border-radius:2vw;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;flex-direction:column;height:25vw;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:25vw}.art-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);-webkit-transform:scale(1.05);transform:scale(1.05)}.art-card-image{border-radius:1vw;height:18vw;margin-bottom:1vw;object-fit:cover;width:18vw}.art-card-name{color:rgba(82,82,82,.859);font-size:2vw;font-weight:700;margin-bottom:.5vw}.art-card-name,.art-card-time{font-family:Neucha;text-align:center}.art-card-time{color:rgba(82,82,82,.6);font-size:1.5vw;font-style:italic}.art-modal-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999999}.art-portfolio-modal{-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out;background:rgba(240,250,240,.98);border-radius:2vw;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:85vh;max-width:70vw;overflow-y:auto;padding:3vw;position:relative;z-index:9999999999}.art-close-x{align-items:center;background:rgba(82,82,82,.1);border:2px solid rgba(82,82,82,.3);border-radius:50%;color:rgba(82,82,82,.859);cursor:pointer;display:flex;font-family:Neucha;font-size:2.5vw;height:4vw;justify-content:center;position:absolute;right:1vw;top:1vw;transition:all .3s ease;width:4vw;z-index:10}.art-close-x:hover{background:rgba(82,82,82,.2);border-color:rgba(82,82,82,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.art-portfolio-content{color:#000;display:flex;flex-direction:column;gap:3vw}.art-portfolio-top{align-items:flex-start;display:flex;gap:4vw;justify-content:space-between}.art-portfolio-left{flex:1 1}.art-portfolio-title{color:#000;font-family:Neucha,serif;font-size:4vw;font-weight:700;margin-bottom:.5vw}.art-portfolio-subtitle{color:#000;font-family:Arial,sans-serif;font-size:1.5vw;margin-bottom:1.5vw}.art-portfolio-intro{color:#000;font-family:Arial,sans-serif;font-size:1.2vw;line-height:1.6}.art-portfolio-details{display:flex;flex-direction:column;gap:.8vw;min-width:25vw}.art-portfolio-detail-item{color:#000;font-family:Arial,sans-serif;font-size:1.1vw;line-height:1.5}.art-portfolio-detail-label{font-weight:700;margin-right:.5vw;text-transform:uppercase}.art-portfolio-divider{background-color:#000;height:1px;margin:1vw 0;width:100%}.art-portfolio-quote{color:#000;font-family:Neucha,serif;font-size:2.5vw;font-weight:700;line-height:1.4;margin:2vw 0;text-align:center}.art-portfolio-bottom{grid-gap:3vw;display:grid;gap:3vw;grid-template-columns:1fr 1fr;margin-top:2vw}.art-portfolio-column{display:flex;flex-direction:column;gap:1.5vw}.art-portfolio-paragraph{color:#000;font-family:Arial,sans-serif;font-size:1.1vw;line-height:1.6}.art-portfolio-documentation-button-container{display:flex;justify-content:center;margin-bottom:2vw;margin-top:3vw}.art-portfolio-documentation-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid transparent;border-radius:2vw;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;display:inline-block;font-family:Neucha,serif;font-size:1.2vw;font-weight:700;overflow:hidden;padding:1.2vw 3vw;position:relative;text-decoration:none;transition:all .3s ease}.art-portfolio-documentation-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.art-portfolio-documentation-button:hover:before{left:100%}.art-portfolio-documentation-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px rgba(102,126,234,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.art-portfolio-images-row{grid-gap:2vw;align-items:stretch;display:grid;gap:2vw;grid-template-columns:1fr 1fr;margin-top:3vw}.art-portfolio-image-section{align-items:center;display:flex;flex-direction:column;gap:1vw;margin-top:3vw}.art-portfolio-images-row .art-portfolio-image-section{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:0}.art-portfolio-images-row .art-portfolio-image-section>img{display:block;height:100%;object-fit:contain;width:100%}.art-portfolio-images-row .art-portfolio-image-small>img{margin:0 auto;max-width:50%}.art-portfolio-additional-image{border-radius:.5vw;height:auto;max-width:100%;width:100%}.art-portfolio-image-caption{color:#000;font-family:Arial,sans-serif;font-size:1.2vw;font-style:italic;text-align:center}.art-portfolio-image-caption-link{cursor:pointer;text-decoration:none;transition:opacity .3s ease}.art-portfolio-image-caption-link:hover{opacity:.7}.art-portfolio-image-caption-link .art-portfolio-image-caption{color:#06c;text-decoration:underline}.art-portfolio-video{display:flex;justify-content:center;margin-top:3vw;width:100%}.art-portfolio-video iframe{border-radius:.5vw;height:450px;max-width:800px;width:100%}.art-portfolio-image-link{cursor:pointer;display:block;transition:opacity .3s ease}.art-portfolio-image-link:hover{opacity:.8}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.8) translateY(-50px);transform:scale(.8) translateY(-50px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.8) translateY(-50px);transform:scale(.8) translateY(-50px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.contacts{align-items:center;background-image:url(/static/media/ColorBackground.ef3d9c47a9590a9cad4f.png);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:hidden;padding-left:10vw;position:relative;width:100vw}.title{-webkit-animation:fade-in 5s ease forwards;animation:fade-in 5s ease forwards;height:auto;margin-right:17vw;margin-top:1.5vw;opacity:0;width:60vw;z-index:1}.islands{display:flex;justify-content:space-between;margin-top:-28vw;position:relative;z-index:2}.centerIsland,.leftSideIsland,.rightIsland{margin-top:15vw;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.centerIsland{-webkit-animation:fade-in-slide 3s ease forwards;animation:fade-in-slide 3s ease forwards;height:70vw;margin-left:5vw;margin-top:37vw;width:35vw}.leftSideIsland{-webkit-animation:fade-in-slide 4s ease forwards;animation:fade-in-slide 4s ease forwards;height:60vw;margin-left:2vw;margin-top:60vw;width:12vw}.contactDescription{-webkit-animation:fade-in-slide 3s ease forwards;animation:fade-in-slide 3s ease forwards;margin-left:3vw;margin-top:-11vw;position:relative;text-align:center;z-index:3}.githubLogo,.googleScholarsLogo,.linkedinLogo,.mailLogo{-webkit-animation:fade-in-slide-logo 3s ease forwards;animation:fade-in-slide-logo 3s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.3);border-radius:50%;height:auto;position:absolute;width:5vw}.mailLogo{left:3.2vw;top:-327vw}.githubLogo{left:-1vw;top:-331.5vw}.linkedinLogo{left:11vw;top:-327.5vw}.googleScholarsLogo{left:6.7vw;top:-332vw}.githubLogo:hover,.googleScholarsLogo:hover,.linkedinLogo:hover,.mailLogo:hover{box-shadow:0 0 20px hsla(0,0%,100%,.6),0 0 30px hsla(0,0%,100%,.8);-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-slide{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-slide{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in-slide-logo{0%{opacity:0;-webkit-transform:translateY(1400%);transform:translateY(1400%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-slide-logo{0%{opacity:0;-webkit-transform:translateY(1400%);transform:translateY(1400%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.background-contact-title{color:rgba(82,82,82,.809);font-family:Neucha;font-size:10vw;left:40%;padding-top:13vw;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0}.loading-screen{align-items:center;background:#fdfdfd;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-screen img{height:auto;margin-left:2.6vw;margin-top:-3.21vw;width:20vw}.experiences{align-items:center;background-image:url(/static/media/Experience_Background.5293d1c4a967456c2bf8.png);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:330vw;justify-content:flex-start;overflow:hidden;padding-top:30vw;position:relative;width:100vw}.beanstock-img{-webkit-animation:slideUp 1s ease-out forwards;animation:slideUp 1s ease-out forwards;-webkit-animation-delay:.5s;animation-delay:.5s;left:10vw;position:absolute;top:100vw;width:23vw;z-index:2}@-webkit-keyframes slideUp{0%{opacity:0;top:100vw}to{opacity:1;top:15vw}}@keyframes slideUp{0%{opacity:0;top:100vw}to{opacity:1;top:15vw}}.background-title{color:rgba(82,82,82,.859);font-family:Neucha;font-size:11vw;left:55%;pointer-events:none;position:absolute;top:5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap}.experience-box{background-color:rgba(242,255,242,.85);border-radius:2vw;box-shadow:0 .4vw 1.5vw rgba(0,0,0,.1);display:flex;justify-content:center;margin:3.4vw 0 2vw 28vw;max-width:58vw;min-height:21.6vw;padding:2vw;width:60vw}.experience-card{color:#000;display:flex;flex-direction:column;font-family:Neucha;justify-content:flex-start;width:100vw}.experience-header-row{align-items:baseline;display:flex;justify-content:space-between;width:100%}.company{font-size:3.5vw;font-weight:700;margin:0;max-width:51vw}.role{font-size:1.8vw;margin:.5rem 0}.date{font-size:1vw;font-weight:400;white-space:nowrap}.description{font-size:1.3vw;line-height:1.6;max-width:100%;text-align:left}.dot-sidebar{display:flex;flex-direction:column;gap:2vw;left:5vw;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000}.dot:hover{background-color:#579471}.dot{align-items:center;background-color:#7eb695;border-radius:50%;cursor:pointer;display:flex;height:1vw;justify-content:center;position:relative;transition:background-color .2s ease;width:1vw}.leaf-icon{height:1.6vw;left:-.4vw;top:-.3vw;width:1.6vw;z-index:2}.clouds-img,.leaf-icon{pointer-events:none;position:absolute}.clouds-img{-webkit-filter:brightness(1.3);filter:brightness(1.3);left:0;top:-13vw;width:100vw;z-index:3}@-webkit-keyframes floatUpDown{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-.8vw);transform:translateX(-50%) translateY(-.8vw)}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes floatUpDown{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-.8vw);transform:translateX(-50%) translateY(-.8vw)}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.experience-down-button{-webkit-animation:floatUpDown 2s ease-in-out infinite;animation:floatUpDown 2s ease-in-out infinite;cursor:pointer;height:auto;left:50%;opacity:.6;position:absolute;top:49vw;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:4vw;z-index:1001}.experience-down-button:hover{-webkit-animation:none;animation:none;-webkit-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}
/*# sourceMappingURL=main.1c03f819.css.map*/