@import"//fonts.googleapis.com/css?family=Lato:300:400";:root{font-family: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;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}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}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-light: rgb(255, 255, 255);--color-dark: rgb(20, 20, 20);--color-accent: rgb(1, 153, 170)}.lightTheme{background-color:var(--color-light)}.lightText{color:var(--color-light);text-decoration:none}.darkTheme{background-color:var(--color-dark)}.darkText{color:var(--color-dark);text-decoration:none}.accentTheme{background-color:var(--color-accent)}.accentText{color:var(--color-accent);text-decoration:none}.typewriterBorder{border-right-color:var(--color-accent);border-right-width:2px;border-right-style:solid}.bg{background-color:#05b6d3}.ysabeau-sc{font-family:Ysabeau SC,serif;font-optical-sizing:auto;font-style:normal}:root{--wave-color-1: rgba(255, 255, 255, .7);--wave-color-2: rgba(255, 255, 255, .5);--wave-color-3: rgba(255, 255, 255, .3);--wave-color-4: rgb(255, 255, 255);--wave-height: 15vh;--content-height: 20vh}.waves{position:absolute;bottom:0;width:100%;height:var(--wave-height)}.flippedWave{height:100%}.header{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;overflow:hidden}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){fill:var(--wave-color-1);animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){fill:var(--wave-color-2);animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){fill:var(--wave-color-3);animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){fill:var(--wave-color-4);animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media(max-width:768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}.ysabeau-sc{font-family:Ysabeau SC,serif;font-optical-sizing:auto;font-style:normal;font-weight:800}.manrope{font-family:Manrope,serif;font-optical-sizing:auto;font-style:normal}.typewriter{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:30%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.navheader{position:fixed;top:0;left:0;right:0;z-index:50}.underline-none{text-decoration:none!important;color:inherit!important}.atma-medium{font-family:Atma,serif;font-weight:800;font-style:normal}.name-gradient{background:linear-gradient(to right,#05b6d3,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
