.open-sans{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}.oswald{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal}html,body,#root{margin:0;padding:0;box-sizing:border-box}#canvas{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:0}.loading-page{display:flex;justify-content:center;align-items:center;font-size:2.4rem}.scroll-down{z-index:5;position:absolute;bottom:4%;left:0;width:100vw;text-align:center;height:25px;color:#fff;-webkit-user-select:none;user-select:none;text-shadow:2px 2px rgba(0,0,0,.2);font-size:1.2rem}.page-index{position:fixed;top:10%;left:0;width:64px;height:16px;background-color:red;z-index:3}main{z-index:1;font-size:large;width:100vw;height:100vh;position:relative;margin:0;box-sizing:border-box;color:#fff;overflow-x:hidden;overflow:hidden}main section{height:100vh;width:100vw;text-shadow:2px 2px rgba(0,0,0,.5);position:relative}.page-title{position:absolute;top:2rem;left:1.6rem;text-align:left;font-size:1.5rem;width:100vw;height:auto}@media screen and (min-width:1280px){.page-title{font-size:2.1rem;top:5rem;left:5rem}}main section#first-page{display:flex;justify-content:center;align-items:end;flex-direction:column;box-sizing:border-box;padding:10% 0}#first-page .container{display:flex;justify-content:center;align-items:end;flex-direction:column;margin:0 auto}#second-page{display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;max-width:80%;margin:0 auto;-webkit-user-select:none;user-select:none;pointer-events:none}#second-page p{font-size:max(1.8rem,3.5vw)}main h1{margin:0;font-size:4.8rem;text-shadow:10px 10px rgba(0,0,0,.2);letter-spacing:1rem;text-align:end}main h2{margin:0;font-size:max(3vw,28px);text-shadow:5px 5px rgba(0,0,0,.2)}.experience{position:relative}.experience .inner-section{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none}.experience .inner-section p{width:90%}@media screen and (min-width:1280px){.experience .inner-section{width:25vw;padding-left:4vw;text-align:left;transform:translateY(-10%)}main h1{font-size:max(20vw,96px)}}#fifth-page{height:100vh;display:flex;justify-content:center;align-items:center}.skills-container{width:100%;display:flex;justify-content:space-between;max-width:90vw;gap:1rem;align-items:center;flex-wrap:wrap;-webkit-user-select:none;user-select:none;pointer-events:none}.skillcard{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:.2rem solid white;border-radius:10px;padding:1rem;box-shadow:2px 2px #0003;aspect-ratio:1/1;width:110px;height:180px}.skillcard-list{margin:0;padding:0}.skillcard li{list-style-type:none;font-size:.9rem}.skillcard-title{text-align:end;font-size:1.1rem;align-self:end}@media screen and (min-width:1280px){.skills-container{max-width:70vw}.skillcard{width:212px;height:256px;padding:1.2rem}.skillcard li{font-size:1.2rem}.skillcard-title{font-size:1.8rem}}#sixth-page{display:flex;justify-content:center;align-items:center;flex-direction:column}#sixth-page .contact-info-header{font-size:1.8rem;margin-bottom:18px}#sixth-page p{font-size:1.1rem;margin-bottom:0}@media screen and (min-width:1280px){#sixth-page .contact-info-header{font-size:3.2rem;text-align:center}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}