body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{position:relative;display:flex;flex-direction:column;height:300vh;overflow:hidden}.section1,.section2,.section3{position:relative;flex-shrink:0}.section1{z-index:1;height:100vh}.section2{height:100vh;z-index:5}.section3{z-index:2;height:100vh}.loading{position:fixed;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000000d7;z-index:10000}.loader{width:48px;height:48px;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #FFF;position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.loader:after{animation-delay:1s}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@media screen and (max-width: 1024px){.container{height:311vh}.section2{height:100vh}.section3{height:111vh}}@media screen and (max-width: 768px){.container{height:312vh}.section2,.section3{height:106vh}}@media screen and (max-width: 560px){.container{height:calc(100vh + 2300px)}.section2,.section3{height:1150px}}@font-face{font-family:Poppins;src:url(/assets/poppins-light-webfont-CPXd0Iqt.woff2) format("woff2"),url(/assets/poppins-light-webfont-BGzKuY-S.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins-regular-webfont-BCNty7YD.woff2) format("woff2"),url(/assets/poppins-regular-webfont-CccOiO4j.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins-medium-webfont-D5VHCnIK.woff2) format("woff2"),url(/assets/poppins-medium-webfont-CANU-h_s.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Georama;src:url(/assets/Georama-Light-DC1NEfkK.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Georama;src:url(/assets/Georama-Regular-DW1NkBDh.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Georama;src:url(/assets/Georama-Medium-CfbiYqtx.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--color-primary: #2BF7BC;--color-secondary: #051014;--color-text: #EEEEEE;--color-light: #e0f2f8;--color-text-transp: #b6ecf7af;--color-purple: #1F0A33;--font-main: "Georama", sans-serif;--font-title: "Poppins", sans-serif;--text-size-mini: 14px;--text-size-mobile: 16px;--text-size-small: 20px;--text-size-main: 24px;--text-size-title: 30px;--gutter-offset: 0px}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}a{text-decoration:none;color:var(--color-primary);font-size:var(--text-size-small)}html{overflow-y:auto;padding-right:var(--gutter-offset)}body{height:fit-content}main{background-color:var(--color-secondary);font-family:var(--font-main);font-size:var(--text-size-main)}h1,h2,h3,h4{font-family:var(--font-title);font-weight:300}button{border:none;margin:0;padding:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;background-color:transparent;line-height:inherit;cursor:pointer}.bioLetters{line-height:1.3em;white-space:"pre-wrap";font-weight:300}@media screen and (max-width: 1000px){main{font-size:var(--text-size-mobile)}}.titleAnime{opacity:0;display:flex;justify-content:inherit;flex-direction:inherit;align-items:inherit}.header{font-size:var(--text-size-small);position:fixed;top:1vw;right:calc(2rem + var(--gutter-offset));z-index:1000}nav{color:var(--color-light);display:flex;align-items:center;justify-content:center}.link{margin:0 5px;cursor:pointer;transition:color .1s ease}.header.inverted .separator,.link.header-color{color:var(--color-primary)}.link.header-color:hover,.header.inverted .link.header-color{color:var(--color-text)}.header.inverted .link.header-color:hover{color:var(--color-primary)}@media screen and (max-width: 768px){.header{font-size:var(--text-size-mobile)}}@media screen and (max-width: 560px){.header{top:1vh;right:3vw}}
