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}:root{--bg: rgb(250,235,215);--bg2: antiquewhite;--bg-trans: rgba(255,255,255,.5);--theme: lightblue;--theme-var: blue;--theme2: orange;--bg-gradient: linear-gradient(170deg, var(--bg) 0%, var(--theme) 100%);--theme-gradient: linear-gradient(170deg, var(--theme) 0%, var(--bg) 50%, #FFD080 100%);--hero-gradient: linear-gradient(170deg, var(--theme) 0%, var(--bg) 50%, #FFD080 100%);--text: black;--border: grey;--sun: rgba(255,255,255,.2);--shade: rgba(0,0,0,.2);--elem-grad: linear-gradient(170deg, var(--shade) 0%, var(--sun) 100%);--border-grad: linear-gradient(170deg, var(--sun) 0%, var(--shade) 100%);--inner-highlight: inset -3px -3px 6px rgba(255,255,255,.2);--inner-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);--drop-shadow: 5px 5px 10px rgba(0,0,0,.3);--outline: rgba(0,0,0,.3);--inset-opac: .3;--line-gradient: linear-gradient(170deg, orange 0%, rgba(240,240,0) 50%, orange 100%);--wave1-1: #FFD080;--wave1-2: red;--wave2-1: #FFD080;--wave2-2: #5064ff}:root[data-theme=dark]{--bg: rgb(24,24,24);--bg2: rgba(60,60,60,1);--bg-trans: rgba(24,24,24,.5);--theme: rgba(40,40,120,1);--theme-var: rgba(50,50,200,1);--text: antiquewhite;--outline: rgba(255,255,255,.3);--inset-opac: 0;--line-gradient: linear-gradient(170deg, var(--theme) 0%, rgba(240,150,0) 50%, var(--theme) 100%)}@font-face{font-family:Nunito;src:local("Nunito"),url(/assets/Nunito-VariableFont_wght-DX-ze7yr.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.modal-bg{background-color:#0009;position:absolute;width:100%;height:100%;z-index:-1}.modal-container{position:relative;padding:2em;z-index:1;background-color:var(--bg);border:1px solid black;color:var(--text);border-radius:10px;transform-origin:top left}#root{perspective:1000px;perspective-origin:center;background:var(--bg-gradient);transition:background .5s}.App{position:relative;transition:transform .75s;transform-origin:bottom;will-change:transform;transform-style:preserve-3d}.App.flat{transform:rotateX(120deg)}button{background-color:transparent;border:1px solid var(--border);font-family:inherit;font-size:1.2em;font-weight:500;border-radius:10px;color:var(--text)}p:not(:nth-of-type(1)){margin-top:.5em}#svg-bg{position:absolute;width:100%;height:100%;transform:translate(0);transition:transform .5s;z-index:0}.inset:before{position:absolute;margin:1px 1px 0;content:attr(title);color:var(--bg);opacity:var(--inset-opac)}button:hover .inset:before{opacity:0}.main{display:flex;position:relative;width:100%;height:100%;z-index:1}section{margin:0 auto;width:100%;height:100%;position:absolute;padding-top:90px;top:0;left:0;overflow-y:auto;scrollbar-width:thin}section.show{transform:scale(1);opacity:1}article{height:100%;margin:0 auto;overflow-y:auto;scrollbar-width:thin}.heading{margin-bottom:.75em}.tab-pan-btn{position:fixed;top:50%;width:60px;height:60px;border:none;color:var(--text);opacity:.2;transform:translateY(-50%);z-index:3;transition:opacity .5s}.tab-pan-btn:hover{opacity:.5}.tab-pan-btn.disable{opacity:0;pointer-events:none}#sidebar-btn{display:none;position:fixed;top:10px;left:10px;width:50px;height:50px;background:var(--bg-gradient);border:1px solid rgba(0,0,0,.2);box-shadow:2px 2px 6px #0003;z-index:7}@media only screen and (max-width: 1200px){.tab-pan-btn{display:none}}@media only screen and (max-width: 940px){#sidebar-bg,#sidebar,#sidebar-btn{display:block}}.hide,.fade{opacity:0}*{box-sizing:border-box;padding:0;margin:0}html,body,#root,.App{width:100%;height:100%;overflow:hidden}body{font-family:Nunito;color:var(--text)}#modal{z-index:99;position:fixed;inset:0}button,a,.btn-wrap,.button{cursor:pointer}span{pointer-events:none;-webkit-user-select:none;user-select:none}a{text-decoration:none;color:inherit}ul li{list-style-type:none}ol{list-style-position:inside}ol li{list-style-type:disc}h1,h2,h3,h4,h5,h6{text-align:center}.header{position:absolute;width:100%;height:60px;background-color:transparent;z-index:4}.btns-center{height:inherit;width:800px;margin:auto;display:flex;position:relative;flex-wrap:wrap;justify-content:center}.btns-center-wrap{position:relative;transform:scaleX(1);transition:all 1s}.header-btns{position:relative}.btns-center-wrap.init{transform:scaleX(0)}.btns-center-wrap:before,.btns-center-wrap:after{content:"";position:absolute;top:-3px;pointer-events:none;border-radius:0 0 20px 20px;transform:perspective(15em) rotateX(-30deg) translateZ(0)}.btns-center-wrap:before{right:-10%;bottom:-15px;left:-10%;background:var(--bg-gradient);border-radius:0 0 20px 20px;box-shadow:var(--drop-shadow)}.btns-center-wrap:after{right:-9%;bottom:-10px;left:-9%;background:linear-gradient(170deg,var(--sun) 0%,var(--shade) 100%)}.header .btn-wrap{display:inline-block;position:relative;margin:auto 0;width:200px;height:100%;vertical-align:middle}.header .btn-wrap .header-btn{position:relative;width:calc(100% - 4px);height:calc(100% - 4px);left:2px;top:2px;padding:.5em;border:none}.header-btn span{display:inline;position:relative;width:100%;height:100%;font-size:1em;line-height:1em;overflow:visible;z-index:3;text-rendering:optimizeLegibility;vertical-align:middle}.header .btn-wrap .header-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.dm-btn-outer{position:absolute;top:0;right:0;margin:15px}.dm-btn-outer:hover .switch{box-shadow:0 0 5px var(--theme2)}#section-indicator{position:absolute;width:100px;height:5px;bottom:6px;border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:1px 1px 4px #0003;transition:transform .3s}#section-indicator:after{content:"";display:block;position:absolute;inset:0;background:var(--line-gradient);border-radius:inherit}@media only screen and (max-width: 940px){.btns-center{display:none}.header{pointer-events:none}.dm-btn-outer{pointer-events:all}.main{padding-top:0}}.hero-container{--hero-color1: white;--hero-color2: rgb(80,100,255);display:block;position:fixed;top:0;left:0;width:100%;height:100%;transform:translateY(0);transition:transform 1.5s,opacity 1.5s;z-index:10}#hero-content{display:block;position:fixed;width:100%;height:100%;transform:translateY(0);transition:transform 1.5s,opacity 1.5s}.hero-container h1,.hero-container h2,#hero-action-wrap{width:100%}.hero-container h1{color:var(--hero-color1);margin-top:40vh;text-shadow:0 0 4em rgba(0,0,0,.5),.1em .1em .4em rgba(0,0,0,.25),0 0 3px rgba(0,0,0,1)}.hero-container h2{color:var(--hero-color2);margin-top:20px;text-shadow:.1em .1em .4em rgba(255,255,255,.5)}#hero-action-wrap{display:flex;justify-content:center;align-items:center}#hero-action-wrap button{margin-top:60px;padding:10px 20px;background-color:var(--bg);background:var(--theme-gradient);background-size:500%;background-position:0% 50%;box-shadow:2px 2px 10px #0000004d;transform:scale(1);transition:transform .5s cubic-bezier(.5,-.5,.5,3),background-position 1s}#hero-action-wrap button:hover{transform:scale(1.05);background-position:90%}#hero-scroll{display:block;position:absolute;margin:auto;left:50%;bottom:80px;width:180px;border:none;color:#f0f000;border-radius:50%}#hero-scroll svg{width:100%;filter:drop-shadow(0 0 1px rgba(0,0,0,1))}#arrow-glow{position:absolute;left:0;top:0;animation:hero-glow 1s infinite linear;animation-direction:alternate}#hero-scroll svg{fill:#ffbc5d;transition:fill .5s}#hero-scroll:hover #arrow-glow{fill:#ffdb5d}@keyframes glow{0%{filter:blur(20px);transform:rotate(0)}to{filter:blur(50px);transform:rotate(360deg)}}@keyframes hero-glow{0%{filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(.1em .1em .5em rgba(0,0,0,.5)) drop-shadow(0 0 .5em rgba(253,240,100,.5)) drop-shadow(0 0 .5em rgba(100,100,255,.5)) drop-shadow(0 0 .5em rgba(253,187,200,.5))}to{filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(.1em .1em .5em rgba(0,0,0,.5)) drop-shadow(0 0 1em rgba(253,187,100,1)) drop-shadow(0 0 1em rgba(253,187,100,1)) drop-shadow(0 0 2em rgba(253,187,100,1))}}.svg-bg{pointer-events:none}.wave1,.wave2,.wave0{position:fixed;bottom:0;left:0;width:130%;height:100%;overflow:hidden;line-height:0;transform:rotate(180deg);z-index:0}.wave1 svg,.wave2 svg,.wave0 svg{position:relative;display:block;width:130%}.wave0 svg{opacity:.3;width:100%;height:40%;transform:translate(0);transition:all 1s}.wave1 svg{height:90%;transition:all 1s;opacity:0}.wave2 svg{height:85%;transition:all 1s;opacity:1}@media only screen and (max-width: 1280px){.hero-container h1,.hero-container h2,#hero-action-wrap{width:90%;margin-left:5%}#hero-scroll{bottom:50px}}@media only screen and (max-height: 700px){.hero-container h1{margin-top:20vh}}@media only screen and (max-height: 500px),only screen and (max-width: 400px) and (max-height: 700px){#hero-scroll{display:none}.hero-container h1{margin-top:40vh}}@media only screen and (max-height: 400px){.hero-container h1{margin-top:20vh}}@media only screen and (max-width: 300px){.hero-container h2{display:none}}@media only screen and (max-height: 260px){.hero-container h1{margin-top:0}}.particle-wrapper{height:100vh;position:absolute;inset:0}canvas{position:absolute}.particle-container{height:100%;display:flex;justify-content:space-around;overflow:hidden}.particle{animation:particles 9.5s linear infinite;align-self:flex-end;width:1em;height:1em;transform:translateY(100%);background-color:transparent;color:var(--bg);opacity:.7}.particle:nth-child(2){height:1.5em;width:3em;animation-delay:1s;animation-duration:17s;-webkit-filter:blur(5px);filter:blur(5px)}.particle:nth-child(3){height:2em;width:1em;animation-delay:1.5s;animation-duration:8s;-webkit-filter:blur(1px);filter:blur(1px)}.particle:nth-child(4){height:1em;width:1.5em;animation-delay:.5s;-webkit-filter:blur(3px);filter:blur(3px);animation-duration:13s}.particle:nth-child(5){height:1.25em;width:2em;animation-delay:4s;-webkit-filter:blur(2px);filter:blur(2px);animation-duration:11s}.particle:nth-child(6){height:2.5em;width:2em;animation-delay:2s;-webkit-filter:blur(1px);filter:blur(1px);animation-duration:9s}.particle:nth-child(7){height:5em;width:2em;-webkit-filter:blur(2.5px);filter:blur(2.5px);animation-duration:12s}.particle:nth-child(8){height:1em;width:3em;animation-delay:5s;-webkit-filter:blur(6px);filter:blur(6px);animation-duration:18s}.particle:nth-child(9){height:1.5em;width:2em;-webkit-filter:blur(.5px);filter:blur(.5px);animation-duration:9s}.particle:nth-child(9){height:3em;width:2.4em;animation-delay:6s;-webkit-filter:blur(.5px);filter:blur(.5px);animation-duration:12s}@keyframes particles{0%{transform:translateY(100%) rotate(-50deg)}to{transform:translateY(calc(-100vh - 100%)) rotate(20deg)}}#sidebar-bg{display:none;position:fixed;inset:0;background-color:#0009;z-index:8;opacity:0;transition:opacity .5s}#sidebar-bg.open{opacity:1}#sidebar{display:none;position:fixed;top:0;right:-300px;bottom:0;width:100%;max-width:300px;padding:50px 40px;background-color:var(--bg);transform:translate(0);transition:transform .5s;z-index:9;backface-visibility:hidden}#sidebar.open{transform:translate(-300px)}#sidebar button{display:block;padding:10px;border:none;transition:all 1s}#sidebar button:not(button:last-child){margin-bottom:20px;font-size:1.2em}#close-btn{position:absolute;top:10px;right:10px}#close-btn svg{font-size:1.7em}@media only screen and (max-width: 940px){#sidebar-bg,#sidebar{display:block}}