*{margin:0;padding:0}html,body,#root{margin:0;padding:0;width:100%;box-sizing:border-box}::-webkit-scrollbar{display:none}#root{margin:0 auto;padding:0;text-align:center}.main{height:100vh;position:relative}.background{width:100vw;height:100vh;background-image:url(/assets/nightsky-B5fEoY8E.png);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;position:fixed;z-index:-2;padding:0;margin:0}.created{font-size:10px;position:fixed;z-index:100;text-align:center;color:#fff;margin-top:95vh;margin-left:2vw;font-family:"Press Start 2P",system-ui}@media (max-width: 768px){#root{margin:0;padding:0}.main{height:auto;min-height:100vh;position:relative;padding-top:0;padding-bottom:8vh}.background{width:100vw;height:100vh;background-size:cover;background-position:center;background-attachment:scroll;position:fixed;top:0;left:0;z-index:-2;padding:0;margin:0}.created{font-size:9px;position:fixed;bottom:2vh;left:2vw;z-index:100;text-align:left;color:#fff;margin:0;font-family:"Press Start 2P",system-ui}}.hero{display:flex;align-items:center;flex-direction:column;width:100vw;height:100vh}.hero img{margin-top:15vh;width:15vw;height:15vw;border-radius:50%;object-fit:cover;border:white solid 5px;box-shadow:0 0 20px 5px #fff}.hero h1{text-align:center;size:30%;font-size:60px;color:#fff;font-family:Archivo Black,sans-serif}.about{text-align:center;font-size:15px;color:#fff;width:50vw;margin-top:3vh;margin-bottom:3vh;font-family:"Press Start 2P",system-ui}.about p{margin-top:1.5vh}.heroButtons{display:flex;align-items:center;font-size:22px;font-family:"Press Start 2P",system-ui;width:30vw;height:15vh;gap:3.5vw;padding-left:1vw}.heroButtons img{width:4vw;border-radius:0%;margin-top:0}.LIButton{border:5px solid black;width:4vw;height:4vw;align-items:center;display:flex;background-color:#fff;text-align:center;justify-content:center;transition:.1s}.emailButton{border:5px solid black;width:4vw;height:4vw;background-image:url(/assets/emailLogo-4LJkcu_r.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;transition:.1s}.resumeButton{border:5px solid black;width:4vw;height:4vw;background-image:url(/assets/resumeLogo-CsxSWvS2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;transition:.1s}.githubButton{border:5px solid black;width:4vw;height:4vw;background-image:url(/assets/githubLogo-DzGq4Dyy.png);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;transition:.1s}.emailButton:hover,.resumeButton:hover,.githubButton:hover,.LIButton:hover{width:6vw;height:6vw;margin-top:-1vw}@media (max-width: 768px){.hero{height:auto;padding-top:10vh}.hero img{width:40vw;height:40vw;margin-top:5vh}.hero h1{font-size:32px;padding:0 5vw}.about{width:80vw;font-size:10px}.heroButtons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6vw;width:80vw;height:auto}.LIButton,.emailButton,.resumeButton,.githubButton{width:14vw;height:14vw}.emailButton:hover,.resumeButton:hover,.githubButton:hover,.LIButton:hover{width:16vw;height:16vw;margin-top:0}}.custom-cursor{position:fixed;width:30px;height:30px;pointer-events:none;z-index:9999;display:flex;align-items:center;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat}.cursor-image{width:100px;height:100px;transform-origin:center;margin-top:-5vh;filter:drop-shadow(0 -50px 40px rgba(226,255,82,.8))}@media (max-width: 768px){.custom-cursor{display:none!important}}.project{border:white 2px solid;margin-top:5vw;height:50vh;width:60vw;align-items:center;display:flex;box-shadow:0 0 10px 2px #fff;overflow:hidden;border-radius:3%}.projectImg{width:24vw;height:50vh;overflow:hidden}.projectImg img{width:auto;height:100%;object-fit:contain}.description{width:36vw;height:50vh;overflow:auto;background-color:#ffffffb3;transition:opacity 2s ease-in-out}.description::-webkit-scrollbar-track{display:show;scrollbar-width:2vw;scrollbar-color:red}.description h2{padding-top:5vh;color:#000;font-size:20px;font-family:"Press Start 2P",system-ui}.description p{padding-top:5vh;color:#000;font-size:12px;font-family:"Press Start 2P",system-ui;text-align:left;padding-left:2vw;padding-right:2vw;line-height:1.5}#right{transform:rotate(-90deg)}.projectImg img,.description{opacity:1;transition:opacity .6s ease-in-out}@media (max-width: 768px){.page{margin-top:0;max-height:100vh;overflow:hidden;padding-bottom:0}.page h1{font-size:20px;padding-left:5vw;padding-top:3vh;text-align:center}.container{flex-direction:column;gap:2vh;height:90vh;overflow:hidden}.project{flex-direction:column;width:85vw;height:100%;max-height:100%;margin-top:2vh;box-shadow:0 0 5px 1px #fff;overflow:hidden}.projectImg{width:100%;height:40%;flex-shrink:0}.projectImg img{width:100%;height:100%;object-fit:cover}.description{width:100%;height:60%;overflow-y:auto;background-color:#ffffffb3}.description h2{font-size:16px;padding-top:2vh;text-align:center}.description p{font-size:10px;padding:2vh 5vw}.arrow{width:15vw;height:10vh;justify-content:center;margin-top:0}.arrow img{width:10vw;height:10vw}.arrow img:hover{width:12vw;height:12vw}}.page{display:flex;align-items:center;flex-direction:column;width:100vw;height:100vh;margin-top:-25vh}.page h1{color:#fff;text-align:left;font-size:35px;font-family:"Press Start 2P",system-ui;gap:3.5vw;padding-left:20vw;padding-top:10vh;width:100%}.experiences{border:white 2px solid;margin-top:5vw;height:50vh;width:25vw;align-items:center;display:flex;box-shadow:0 0 10px 2px #fff;overflow:auto;border-radius:3%;background-color:#ffffffb3;flex-direction:column}.experiences h2{padding-top:5vh;color:#000;font-size:20px;font-family:"Press Start 2P",system-ui}.experiences p{padding-top:1vh;color:#000;font-size:8px;font-family:"Press Start 2P",system-ui;margin-left:2vw;margin-right:2vw;line-height:1.5}.role{text-align:left}.role p{padding-top:0;color:#000;font-size:8px;font-family:"Press Start 2P",system-ui;margin-left:1vw;margin-right:1vw;line-height:1.5}.role li{padding-top:0vh;color:#000;font-size:8px;font-family:"Press Start 2P",system-ui;margin-left:2vw;margin-right:1vw;line-height:1.5}.container{display:flex;align-items:center;flex-direction:row;gap:1vw}.arrow{margin-top:2vh;display:flex;align-items:center;flex-direction:row;width:5vw;height:8vh}.arrow img{background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;filter:invert(1);width:4vw;height:7vh;transition:.1s}.arrow img:hover{width:6vw;height:9vh}.arrow img:active{opacity:50%}#left{transform:rotate(90deg)}#right{transform:rotate(-90deg);margin-left:1vw}@media (max-width: 768px){.page{margin-top:0;height:auto;padding-bottom:10vh}.page h1{font-size:20px;padding-left:5vw;padding-top:5vh;text-align:center}.container{flex-direction:column;gap:4vh}.experiences{width:80vw;height:auto;margin-top:5vh;box-shadow:0 0 5px 1px #fff}.experiences h2{font-size:14px;padding-top:3vh}.experiences p,.role p,.role li{font-size:10px;margin-left:4vw;margin-right:4vw}.arrow{width:15vw;height:10vh;justify-content:center;margin-top:0}.arrow img{width:10vw;height:10vw}.arrow img:hover{width:12vw;height:12vw}}