@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body.light{--color-black: #000;--color-white: #fff;--color-logo: #030912;--color-background: #c8c9cc;--color-text: #030912;--color-border: #00000065;--color-link: #030912;--color-header-background: #efefef;--color-header-mobile-menu: #c9c9c9;--color-about-background: #8a8ea7}body.dark{--color-black: #000;--color-white: #fff;--color-logo: #fff;--color-background: #040610;--color-text: rgb(233, 233, 233);--color-border: #ffffff65;--color-link: #d9dee5;--color-header-background: #030912;--color-header-mobile-menu: #02060c;--color-about-background: #141623}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Roboto,serif;font-optical-sizing:auto;font-style:normal;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content-wrap{display:flex;flex-direction:column;flex:1 auto;max-width:1200px;margin:0 auto;padding:0 20px}#app{display:flex;flex-direction:row;min-height:100vh}#app main{display:flex;flex:1}@media screen and (max-width: 900px){#app{flex-direction:column;padding-top:55px}}header{position:sticky;top:0;display:flex;max-width:180px;max-height:100vh;flex:1 auto;border-right:1px solid var(--color-border);padding:0;flex-direction:column;background:var(--color-header-background)}header .logo{display:block;text-align:center;margin:0;font-size:1.4em;letter-spacing:1px;opacity:.8;transition:all .2s;color:var(--color-logo);text-decoration:none;border-bottom:1px solid rgb(from var(--color-text) r g b/.2);padding:20px 0}header .logo:hover{opacity:1}header nav{margin:0;flex:1;display:flex;flex-direction:column}header nav a{display:flex;color:var(--color-link);text-decoration:none;margin:0;padding:10px 20px;border-bottom:1px solid rgb(from var(--color-border) r g b/.2);transition:all .2s;font-size:.9em;align-items:center;letter-spacing:2px}header nav a i{font-size:1.2em;margin-right:12px}header nav a:hover{text-decoration:underline;background:rgb(from var(--color-text) r g b/.1)}header button{display:none}header .bottom{margin-top:auto;margin-bottom:20px;text-align:center;border-top:1px solid rgb(from var(--color-border) r g b/.2)}header .bottom .darkModeToggle{display:flex;flex:1 auto;padding:10px 0;margin-bottom:10px;text-align:center;border-bottom:1px solid rgb(from var(--color-border) r g b/.2);justify-content:center;align-items:center;cursor:pointer;opacity:.8;transition:all .2s}header .bottom .darkModeToggle span{font-size:1.2em;margin-left:5px}header .bottom .darkModeToggle span.text{font-size:.9em}header .bottom .darkModeToggle:hover{opacity:1}header .bottom small{display:block;font-size:.8em;margin-bottom:10px;cursor:default}header .bottom p.hosting{display:block;width:100%;cursor:default;margin-bottom:8px;font-size:.8em}@media screen and (max-width: 900px){header{position:fixed;top:0;left:0;width:100%;z-index:100;flex-direction:row;max-width:none;padding:10px 20px;overflow:hidden;border-right:none;border-bottom:1px solid rgb(from var(--color-border) r g b/.2)}header .logo{margin-bottom:0;padding:0;border-bottom:none}header button{display:block;margin:auto 0 auto auto;background:none;border:1px solid rgb(from var(--color-text) r g b/.5);border-radius:4px;color:var(--color-text);font-size:1em;cursor:pointer;padding:1px 10px 4px 9px}header button span{line-height:normal}header button span i{margin-left:4px;position:relative;top:2px;font-size:20px}header nav{flex-direction:column;position:fixed;background:var(--color-header-mobile-menu);top:55px;left:0;width:100%;z-index:-1;opacity:0;pointer-events:none;padding:0;height:calc(100vh - 50px)}header nav a{padding-left:20px;padding-right:20px;font-size:1.2em}header nav.open{z-index:100;pointer-events:all;opacity:1;transition:opacity .5s}header .bottom{display:flex;align-items:center;padding:0;margin:0;border:none}header .bottom .darkModeToggle{padding:0;margin:0;border:none}header .bottom .darkModeToggle span{padding:0 0 0 20px}header .bottom .darkModeToggle span.text{display:none}header .bottom .hosting-badge{display:none}}@keyframes blink{50%{background-color:transparent}}#app main{position:relative;overflow:hidden}#app main canvas{position:absolute;z-index:0;left:0;top:0}#bg_video{position:absolute;z-index:0;left:0;bottom:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.videoSource{color:var(--color-white);text-decoration:underline;position:absolute;bottom:20px;right:20px;opacity:.5;font-size:1em;z-index:10;transition:.2s;transition-delay:.2s}.videoSource:hover{opacity:1;transition:.2s;transition-delay:0s}.text-container{display:flex;flex:1 auto;flex-direction:column;align-items:center;justify-self:center;position:relative;z-index:1;background:linear-gradient(359deg,#000000a3,#000000c4,#26262694)}.text-container .content{width:100%;max-width:60%;margin:auto}.text-container .content h1{cursor:default;font-size:6em;line-height:normal;font-weight:900}.text-container .content h2{display:flex;cursor:default}.animatedTextContainer{margin-left:5px;position:relative;display:inline-block}.animatedTextContainer span{display:inline-block}.animatedTextContainer .cursor{width:8px;height:15px;position:absolute;right:-16px;bottom:11px;background:#fff;animation:blink 1.3s step-end infinite}@media screen and (max-width: 650px){.text-container .content{max-width:90%;text-align:center;margin-top:100px}.text-container .content h1{font-size:4em}.text-container .content h2{justify-content:center;flex-direction:column}.text-container .content h2 .cursor{display:none}.videoSource{left:0;width:100%;text-align:center}}body.light .text-container .content{color:#fff}