nav{padding:10px;max-width:880px;margin:0 auto;overflow-x:scroll;width:100%}@media (max-width: 600px),(max-height: 400px){nav{padding:10px 5px}}nav ul{list-style:none;margin:0;padding:0;display:flex}nav ul li{border-radius:100px}nav ul li:not(:first-child){margin-left:10px}@media (max-width: 600px),(max-height: 400px){nav ul li:not(:first-child){margin-left:2px}}nav ul li:nth-child(3){margin-left:auto}nav ul li a,nav ul li button{background:#0000;border:none;display:block;padding:0 30px;height:60px;line-height:58px;font-size:20px;font-weight:700;border-radius:100px;color:inherit;text-decoration:none;transition:.3s background ease;cursor:pointer}nav ul li a:hover,nav ul li a:active,nav ul li button:hover,nav ul li button:active{background:#ffffff1a}.react-tabs__tab--selected>:is(nav ul li a),.react-tabs__tab--selected>:is(nav ul li button){background:#ffffff40;color:#fff}@media (max-width: 600px),(max-height: 400px){nav ul li a,nav ul li button{line-height:48px;height:50px;padding:0 17px}}section,footer{padding:40px;max-width:880px;margin:0 auto}@media (max-width: 600px),(max-height: 400px){section,footer{padding:20px}}@media (max-width: 600px),(max-height: 400px){section{padding-bottom:20px}}section p,section ul,section ol{line-height:1.5;font-size:18px;margin:0 0 20px}section li:not(:last-child){margin-bottom:8px}section p,section li{overflow-wrap:break-word}section h1{font-size:36px;font-weight:200;margin:0 0 40px;line-height:1.2}section h2{margin:40px 0 20px;font-size:26px;font-weight:400;line-height:1.35}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel.react-tabs__tab-panel--selected{display:block}footer{padding-top:140px;padding-bottom:20px;padding-right:10px;opacity:.5;text-align:right;font-size:12px}@media (max-width: 600px),(max-height: 400px){footer{padding-top:40px;padding-right:10px}}footer span{display:inline-block;vertical-align:bottom;transform:rotate(-10deg)}header{position:absolute;top:0;left:0;z-index:1;padding:40px;width:100%}@media (max-width: 600px),(max-height: 400px){header{padding:20px}}header .inner{max-width:800px;margin:0 auto}header .logo-image{float:right;margin-left:16px;position:relative;top:-10px;right:-10px}header .logo-image img{display:block}@media (max-width: 600px),(max-height: 400px){header .logo-image img{height:60px}}header .logo h1{line-height:1;font-size:40px;font-weight:700;margin:-2px 0 24px;letter-spacing:-2px;paint-order:stroke fill;-webkit-text-stroke:4px rgba(0,0,0,.55);text-shadow:0 2px 6px rgba(0,0,0,.25)}@media (max-width: 600px),(max-height: 400px){header .logo h1{font-size:36px}}header .logo h1 sup{font-size:12px;letter-spacing:0;margin-left:12px;font-weight:400;color:#fff;font-style:italic;position:relative;top:-5px}header .logo h1 .fuck{color:#ff6f91;position:relative;z-index:3}header .logo h1 .my{color:#b2dfdb}header .logo h1 .fear{color:#ffd27f;position:relative;z-index:3}header p{margin:0 0 12px;font-size:22px;font-weight:600;text-shadow:0;line-height:1.35;color:#fff;text-align:left;paint-order:stroke fill;-webkit-text-stroke:5px rgba(0,0,0,.6);text-shadow:0 2px 6px rgba(0,0,0,.25)}@media (max-width: 600px),(max-height: 400px){header p{font-size:20px}}header p strong{font-weight:900}header p.arrow{margin-top:32px;font-size:42px;line-height:1;text-align:center;animation:nudge 8s ease-in-out infinite;animation-delay:2s;font-weight:300}@media (max-height: 530px),(max-width: 600px){header p.arrow{display:none}}@keyframes nudge{0%{transform:translateY(0)}4%{transform:translateY(14px)}8%{transform:translateY(0)}12%{transform:translateY(9px)}16%{transform:translateY(0)}to{transform:translateY(0)}}.vr-button-holder{opacity:0;transition:.3s opacity ease}.vr-button-holder.ready{opacity:1}.vr-button-text{margin:-134px 0 0;position:absolute;z-index:2;left:50vw;width:100%;padding:0 20px;text-align:center;transform:translate(-50%) translateY(-100%);font-weight:500;color:#fff;font-size:16px;-webkit-text-stroke:4px rgba(0,0,0,.55);paint-order:stroke fill;line-height:1;opacity:1;transition:.2s opacity ease}@media (max-width: 600px){.vr-button-text{margin-top:-124px}}@media (max-height: 400px){.vr-button-text{margin-top:-105px}}.scrolled .vr-button-text{opacity:0}:root{--vr-button-bg: #ff6f91;--vr-button-bg-subtle: #ffe8d1;--vr-button-fg: #fff;--vr-button-highlight: #ffb347;--vr-button-highlight-subtle: #ffd27f}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --gradient-shine{syntax: "<color>"; initial-value: white; inherits: false;}.vr-button{position:fixed;z-index:9999;left:50vw;margin-top:-40px;transform:translate(-50%) translateY(-100%);font-family:inherit;font-size:28px;white-space:nowrap;line-height:1;min-width:300px;font-weight:700;outline-offset:4px;padding:25px 50px;border:3px solid transparent;border-radius:360px;-webkit-text-stroke:4px var(--vr-button-bg);paint-order:stroke fill;--animation: gradient-angle linear infinite;--duration: 3s;--shadow-size: 2px;isolation:isolate;overflow:hidden;cursor:pointer;color:var(--vr-button-fg);background:linear-gradient(var(--vr-button-bg),var(--vr-button-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--vr-button-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--vr-button-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--vr-button-bg-subtle),0 6px 16px 2px #00000054}@media (max-width: 600px),(max-height: 400px){.vr-button{font-size:26px;padding:20px 25px;position:absolute}.scrolled .vr-button{transform:translate(-50%) translateY(-100%)}}@media (max-width: 600px){.vr-button{margin-top:-40px}}@media (max-height: 400px){.vr-button{margin-top:-25px}}.vr-button:before,.vr-button:after,.vr-button span:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.vr-button:active{translate:0 1px}.vr-button:before{--size: calc(100% - var(--shadow-size) * 3);--position: 2px;--space: calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position) / 2),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}.vr-button:after{--animation: shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--vr-button-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:1}.vr-button span{z-index:1}.vr-button span:before{--size: calc(100% + 1rem) ;width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--vr-button-highlight);opacity:0}.vr-button{--transition: .8s cubic-bezier(.25, 1, .5, 1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine,transform,bottom}.vr-button,.vr-button:before,.vr-button:after{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.vr-button span:before{transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}.vr-button:hover,.vr-button:focus{--gradient-percent: 20%;--gradient-angle-offset: 95deg;--gradient-shine: var(--vr-button-highlight-subtle)}.vr-button:hover,.vr-button:hover:before,.vr-button:hover:after,.vr-button:focus,.vr-button:focus:before,.vr-button:focus:after{animation-play-state:running}.vr-button:hover span:before,.vr-button:focus span:before{opacity:1}@keyframes gradient-angle{to{--gradient-angle: 360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}:root{--font-ui: "Atkinson Hyperlegible", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-family:var(--font-ui);line-height:1;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0;background:#5d4037;color:#ffccbc}html{-webkit-text-size-adjust:none}pre{-webkit-user-select:all;user-select:all}@media (prefers-color-scheme: dark){body{border:0}}.canvas-box{position:relative;background:#000;height:calc(100vh - 80px);min-height:350px}@media (max-width: 600px){.canvas-box{height:calc(100vh - 160px)}}@media (max-height: 400px){.canvas-box{height:calc(100vh - 100px)}}@media (min-width: 601px) and (min-height: 401px){.canvas-box{min-height:400px}}.canvas-box canvas{-webkit-user-select:none;user-select:none}.stats-gl{position:fixed;top:0;right:0}.js-error{max-width:100vw;background:#000;text-overflow:pre-wrap}
