*{box-sizing:border-box;font-family:Montserrat,sans-serif}:root{--primary-font-color: #FFFFFF;--other-font-color: #35b8ff;--accent-color: rgb(129, 128, 128);--other-accent-color: lightgray;--font-size-1: 3rem;--font-size-2: 1.5rem;--font-size-3: 1.1rem}html{overflow-x:hidden;box-sizing:border-box}#root{width:100vw;height:100vh;scroll-snap-type:y mandatory;scroll-snap-type:mandatory;overflow:auto;min-width:400px}@media (height < 650px) and (orientation: landscape){.nav-bar,#intro,#about,#projects,#contact{display:None}}.section{display:flex;padding:2.5rem;justify-content:center;width:100vw;height:100vh;scroll-snap-align:start}.nav-bar{position:fixed;top:0;margin-left:-.5rem;width:100%;background-color:#000;padding-top:.5rem;z-index:15}.line{width:100%;border:1px solid var(--primary-font-color)}.buttons{display:flex;justify-content:flex-end;gap:1.5rem;padding-right:1rem}.buttons button{border:none;background:none;color:var(--primary-font-color);cursor:pointer;font-size:var(--font-size-2);font-weight:500;transition:color .2s ease,transform .3s ease}.nav-btn.selected{color:var(--other-font-color)}@media (max-width: 500px){.buttons{gap:1.2rem}.buttons button{font-size:1.3rem}.nav-bar{padding-top:1rem}}@media (max-width: 400px){.buttons{justify-content:center}.buttons button{font-size:1rem}}.intro-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.intro-text{color:var(--primary-font-color);font-size:var(--font-size-1);text-align:center}.intro-text>span.glitch{font-weight:700;font-size:var(--font-size-1);color:var(--other-font-color)}.intro-page button{background:none;border:1px solid var(--other-font-color);padding:.5rem 2rem;cursor:pointer}.sat-container{position:absolute;bottom:4rem;left:-20rem;z-index:10}.sat-container>img{width:70%;transition:transform .5s ease-in-out}.sat-container>img:hover{transform:scale(1.1)}.glitch{padding:0;margin:0;font-size:var(--font-size-2);color:var(--other-font-color);transition:transform .3s ease}.glitch-button-text{padding:0;margin:0;font-size:var(--font-size-2);color:var(--other-font-color);position:relative}.glitch-button-text:hover{opacity:.9;text-shadow:0px -5px #ec2225,0px 5px #00c2cb,-5px 0px #ec2225,5px 0px #00c2cb}.glitch-button-text:before{content:attr(data-text);position:absolute;top:0;left:0;color:#e0ffff;z-index:-1}.glitch-button-text:hover:before{animation:animate .2s ease-in-out backwards;z-index:1}.after-hover:hover{transform:scale(1.05)}@keyframes animate{0%,to{top:-7px;left:0;opacity:1}20%{top:0;left:-10px;opacity:.7}40%{top:7px;left:0;opacity:.2}60%{top:0;left:10px;opacity:.3}80%{top:0;left:0;opacity:.9}}@media (max-width: 1150px){.sat-container{display:none}}@media (max-width: 400px){.intro-text{font-size:2rem}.intro-text>span.glitch{font-size:2rem}.intro-page button{border:1px solid var(--other-font-color);padding:.5rem 1rem;cursor:pointer}}.about-page{display:flex;flex-direction:column}.about-content{display:flex;flex-direction:column;align-items:center;gap:1.2rem;height:100%;color:var(--primary-font-color)}.about-content-bottom{display:flex;justify-content:center;align-items:center;gap:1rem}.about-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;margin-left:2rem}.about-left>img{height:30%;width:30%;transition:transform .3s ease-in-out;z-index:10}.about-left>img:hover{transform:scale(1.08)}.about-right{flex:1}.about-content>p{padding:0;margin:0;font-size:var(--font-size-1);font-weight:700;color:var(--other-font-color)}.about-me-content{position:relative}.about-left p{font-size:var(--font-size-3);line-height:1.8rem}.technologies{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center}.technologies>div{box-sizing:border-box}.technologies svg{height:100%}.java,.py,.js,.html,.c,.cpp,.git,.css,.sql,.numpy,.matplotlib,.jsx{height:90px;transition:transform .3s ease-in-out}.java:hover,.py:hover,.js:hover,.html:hover,.c:hover,.cpp:hover,.git:hover,.css:hover,.sql:hover,.numpy:hover,.matplotlib:hover,.jsx:hover{transform:scale(1.1)}.java{grid-column:1;grid-row:1}.py{grid-column:1;grid-row:2}.js{grid-column:2;grid-row:1}.html{grid-column:3;grid-row:2}.c{grid-column:1;grid-row:3}.cpp{grid-column:1;grid-row:4}.git{grid-column:2;grid-row:2}.css{grid-column:3;grid-row:3}.sql{grid-column:2;grid-row:3}.numpy{grid-column:3;grid-row:1}.matplotlib{grid-column:3;grid-row:4}.jsx{grid-column:2;grid-row:4}.technologies>*:is(.java,.py,.c,.cpp){margin-top:2rem}.technologies>*:is(.html,.css,.numpy,.matplotlib){margin-top:2rem}@media (max-width: 1200px){.about-left p{font-size:1rem;line-height:1.6rem}}@media (max-width: 1150px){.about-left{align-items:flex-start;flex-direction:row}.about-content-bottom{flex-direction:column}.about-left>img{position:absolute;left:0}.about-left p:before{content:"";float:left;width:100px;height:50px;border-radius:50%;shape-outside:circle();margin:3rem}.about-left>img{height:150px;width:150px}.technologies{column-gap:5rem}}@media (max-width: 1150px){.java,.py,.js,.html,.c,.cpp,.git,.css,.sql,.numpy,.matplotlib,.jsx{height:70px}.technologies{grid-template-columns:1fr 1fr 1fr 1fr;column-gap:3rem}.java{grid-column:1;grid-row:1}.js{grid-column:2;grid-row:1}.numpy{grid-column:3;grid-row:1}.py{grid-column:4;grid-row:1}.html{grid-column:1;grid-row:2}.c{grid-column:2;grid-row:2}.git{grid-column:3;grid-row:2}.cpp{grid-column:4;grid-row:2}.css{grid-column:1;grid-row:3}.sql{grid-column:2;grid-row:3}.matplotlib{grid-column:3;grid-row:3}.jsx{grid-column:4;grid-row:3}.technologies>*:is(.java,.html,.css){margin-top:1rem}.technologies>*:is(.py,.cpp,.jsx){margin-top:1rem}.technologies>*:is(.js,.numpy,.git,.c,.sql,.matplotlib){margin-top:0rem}}@media (max-width: 780px){.about-left{margin:0}.about-left p{font-size:1rem;width:100%;margin:0;padding:0}.about-left p:before{content:"";float:left;width:100px;height:50px;border-radius:50%;shape-outside:circle();margin:3rem}.technologies{display:none}}@media (max-width: 500px){.about-left>img{position:absolute;left:0}.about-left p{font-size:1rem;width:100%;margin:0;padding:0}.about-left p:before{content:"";float:left;width:120px;height:70px;border-radius:100%;shape-outside:circle();margin:2rem}.technologies{display:none}}@media (max-width: 400px){.about-left>img{position:absolute;left:0}.about-left{margin:0}.about-left p{line-height:1.5rem;font-size:.7rem;width:100%;margin:0;padding:0}.about-left p:before{content:"";float:left;width:120px;height:90px;border-radius:100%;shape-outside:circle();margin:1.8rem}.technologies{display:none}}.project-page{width:100vw;height:100vh;box-sizing:border-box}.project-header>p{padding:0;margin:0;font-size:var(--font-size-1);font-weight:700;color:var(--other-font-color);text-align:center}.project-disp{display:flex;gap:1rem;width:100%;height:calc(100% - 10rem);padding:3rem}.disp-left{flex:2;width:100%;height:100%;position:relative}.carousel-container{width:100%;height:100%;overflow-x:scroll;display:flex;gap:1rem;scroll-snap-type:x mandatory;scroll-snap-type:mandatory;scroll-behavior:smooth;overflow:auto;padding-bottom:3rem;background-color:#fff;border-radius:.5rem}.arrow{width:20px;height:20px;border-bottom:2px solid black;cursor:pointer;transition:transform .2s ease}.next-arrow:before{content:"";position:absolute;top:0;left:50%;transform:translateY(-15%) rotate(45deg);width:2px;height:27px;background-color:#000}.prev-arrow:before{content:"";position:absolute;top:0;left:42%;transform:translateY(-15%) rotate(135deg);width:2px;height:27px;background-color:#000}.prev-arrow{transform:rotate(45deg);border-left:2px solid black}.next-arrow{border-right:2px solid black;transform:rotate(-45deg)}.next-disabled,.prev-disabled{cursor:pointer;transition:transform .2s ease}.prev-arrow:hover,.prev-disabled:hover{transform:rotate(45deg) scale(1.2)}.next-arrow:hover,.next-disabled:hover{transform:rotate(-45deg) scale(1.2)}.next-disabled{width:20px;height:20px;border-bottom:2px solid var(--other-accent-color);border-right:2px solid var(--other-accent-color);transform:rotate(-45deg)}.prev-disabled{width:20px;height:20px;border-bottom:2px solid var(--other-accent-color);border-left:2px solid var(--other-accent-color);transform:rotate(45deg)}.prev-disabled:before{content:"";position:absolute;top:0;left:42%;transform:translateY(-15%) rotate(135deg);width:2px;height:27px;background-color:var(--other-accent-color)}.next-disabled:before{content:"";position:absolute;top:0;left:50%;transform:translateY(-15%) rotate(45deg);width:2px;height:27px;background-color:var(--other-accent-color)}.carousel-item{flex:1 0 100%;display:flex;scroll-snap-align:center}.carousel-item>img{width:100%;height:100%;object-fit:fill;border-top-left-radius:.5rem;border-top-right-radius:.5rem;z-index:10}::-webkit-scrollbar{height:0;width:0}.disp-right{flex:1;width:100%;height:100%;display:flex;flex-direction:column;color:var(--primary-font-color)}.project-data{display:flex;flex-direction:column}.proj-desc{font-size:var(--font-size-3);line-height:1.8rem}.project-data p>a{text-decoration:none;color:var(--primary-font-color)}.proj-title{text-align:center;font-size:var(--font-size-2);font-weight:700;background-color:var(--other-font-color)}.links{display:flex;justify-content:flex-end;gap:1rem}.link:hover{transform:scale(1.1)}.link>svg{fill:var(--other-font-color);width:50px;height:50px}.link>svg>g{fill:var(--other-font-color)}.link{width:max-content;height:max-content;cursor:pointer;transition:transform .3s ease-in}.carousel-map-container{position:absolute;display:flex;justify-content:center;align-items:center;bottom:.8rem;left:40%}.carousel-map{width:max-content;padding-top:.2rem;display:flex;gap:3px}.carousel-map svg{width:1rem;height:1rem}.SVGRepo_iconCarrier{fill:#000}.slide-down-new{animation:slide-down-new .2s ease}.slide-up-prev{animation:slide-up-prev .2s ease}@keyframes slide-down-new{0%{transform:translateY(-800px)}to{transform:translateY(0)}}@keyframes slide-up-prev{0%{transform:translateY(800px)}to{transform:translateY(0)}}@media (max-width: 1150px){.project-disp{flex-direction:column}.proj-title{font-size:1rem}.link>svg{width:30px;height:30px}.disp-left{flex:1}.project-data{align-items:center}.proj-title{width:100%}.proj-desc{display:none}}@media (max-width: 1024px){.slide-down-new,.slide-up-prev{animation:none}}@media (max-width: 550px){.project-disp{align-items:center}.carousel-container{height:350px;width:300px}.carousel-map-container{left:23%}}@media (max-width: 400px){.project-disp,.disp-right{align-items:center;justify-content:center}.proj-desc{display:none}.carousel-container{height:350px;width:300px}.carousel-map-container{left:25%}}.contact-page{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.footer-links{display:flex}.footer{width:100vw;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;margin-bottom:-3rem;z-index:15;position:relative}.footer-button{border:none;background:none;cursor:pointer;transition:transform .3s ease-in}.footer-button:hover{transform:scale(1.1)}.footer svg{fill:var(--other-font-color);width:50px;height:50px}.contact-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-page>p{margin:0;padding:0;font-size:var(--font-size-1);color:var(--other-font-color);font-weight:700}.contact-message{padding-left:18rem;padding-right:18rem}.contact-message>p{text-align:center;color:var(--primary-font-color);font-size:var(--font-size-3);line-height:1.9rem}.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.contact-info svg{width:2rem;height:2rem;fill:var(--other-font-color)}.sub-c{display:flex;justify-content:center;align-items:center;gap:1rem}.contact-info p,.contact-info a{text-decoration:none;font-size:var(--font-size-3);color:var(--primary-font-color);padding:0;margin:0}.created p{padding:0;margin:0;font-size:1rem;color:var(--primary-font-color)}.back-up{cursor:pointer;font-size:var(--font-size-1);color:var(--other-font-color);position:absolute;top:-3rem;right:48.5%;border:1px solid var(--other-font-color)}@media (max-width: 1150px){.contact-message{padding-left:10rem;padding-right:10rem}}@media (max-width: 850px){.contact-message>p{line-height:1.3rem}.contact-info svg{width:1.5rem;height:1.5rem;fill:var(--other-font-color)}.sub-c{display:flex;justify-content:center;align-items:center;gap:.2rem}.contact-info p,.contact-info a{text-decoration:none;font-size:1rem;color:var(--primary-font-color);padding:0;margin:0}.back-up{font-size:2rem;top:-1.8rem;right:46%}}@media (max-width: 780px){.back-up{right:48%}}@media (max-width: 540px){.contact-message{padding-left:1rem;padding-right:1rem}}@media (max-width: 500px){.contact-message{padding-left:.8rem;padding-right:.8rem}}@media (max-width: 400px){.contact-message{padding-left:.5rem;padding-right:.5rem}.contact-info{gap:0rem}}