@font-face{font-family:oracle;src:url(/fonts/oraclegm-regularmono-webfont-webfont.woff2) format("woff2"),url(/fonts/oraclegm-regularmono-webfont-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ArmandGrotesk;src:local("ArmandGrotesk"),url(/fonts/ArmandGroteskTRIAL-Bold.otf) format("opentype");font-weight:700}@font-face{font-family:ArmandGrotesk;src:local("ArmandGrotesk"),url(/fonts/ArmandGroteskTRIAL-SemiLight.otf) format("opentype");font-weight:400;font-stretch:87.5% 112.5%}@font-face{font-family:Sneaky-Times;src:url(/fonts/Sneaky-Times.woff2) format("woff2"),url(/fonts/Sneaky-Times.woff) format("woff");font-weight:400}@font-face{font-family:SissiDisplay;src:url(/fonts/SissiDisplay-Regular.woff) format("woff");font-weight:400}body{margin:0;filter:var(--grain)}#app{font-family:oracle,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}:root{--grain:url('data:image/svg+xml,    <svg xmlns="http://www.w3.org/2000/svg">      <filter id="grain">       <feTurbulence type="turbulence" baseFrequency="0.5" numOctaves="2" result="turbulence"/>       <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="1" xChannelSelector="R" yChannelSelector="G"/>       </filter>   </svg>#grain');--grain-2:url('data:image/svg+xml,    <svg xmlns="http://www.w3.org/2000/svg">      <filter id="grain">       <feTurbulence type="turbulence" baseFrequency="0.5" numOctaves="2" result="turbulence"/>       <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="4" xChannelSelector="R" yChannelSelector="G"/>       </filter>   </svg>#grain');--grain-3:url('data:image/svg+xml,    <svg xmlns="http://www.w3.org/2000/svg">      <filter id="grain">       <feTurbulence type="turbulence" baseFrequency="0.5" numOctaves="2" result="turbulence"/>       <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="15" xChannelSelector="R" yChannelSelector="G"/>       </filter>   </svg>#grain')}.sliderWrapper[data-v-2ecb9bc3]{display:flex;align-items:center;justify-content:center;-webkit-padding-after:.2em;padding-block-end:.2em}.sliderWrapper input[data-v-2ecb9bc3]{width:40%}.sliderWrapper span[data-v-2ecb9bc3]{width:25%;font-size:.8em}.sliderWrapper span[data-v-2ecb9bc3]:first-of-type{text-align:right;padding-right:1rem}.sliderWrapper span[data-v-2ecb9bc3]:nth-of-type(2){padding-left:1rem}@media(max-width:500px){.sliderWrapper input[data-v-2ecb9bc3]{width:30%}.sliderWrapper span[data-v-2ecb9bc3]{font-size:.6em}}.textIsActive[data-v-2ecb9bc3]{color:#0023ff}[type=range][data-v-2ecb9bc3]{-webkit-appearance:none;background:transparent;margin:11px 0}[type=range][data-v-2ecb9bc3]::-moz-focus-outer{border:0}[type=range][data-v-2ecb9bc3]:focus{outline:0}[type=range][data-v-2ecb9bc3]:focus::-webkit-slider-runnable-track{background:#0d0d0d}[type=range][data-v-2ecb9bc3]:focus::-ms-fill-lower{background:#000}[type=range][data-v-2ecb9bc3]:focus::-ms-fill-upper{background:#0d0d0d}[type=range][data-v-2ecb9bc3]::-webkit-slider-runnable-track{cursor:default;height:2px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%;box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(13,13,13,.2);background:#000;border:0 solid #cfd8dc;border-radius:0}[type=range][data-v-2ecb9bc3]::-webkit-slider-thumb{box-shadow:0 0 4px #f1f4f5,0 0 0 #fff;background:#0023ff;border:0 solid rgba(0,0,0,.99);border-radius:50%;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;height:22px;width:25px;-webkit-appearance:none;margin-top:-10px}[type=range][data-v-2ecb9bc3]::-moz-range-track{box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(13,13,13,.2);cursor:default;height:2px;-moz-transition:all .2s ease;transition:all .2s ease;width:100%;background:#000;border:0 solid #cfd8dc;border-radius:0;height:1px}[type=range][data-v-2ecb9bc3]::-moz-range-thumb{box-shadow:0 0 4px #f1f4f5,0 0 0 #fff;background:#0023ff;border:0 solid rgba(0,0,0,.99);border-radius:50%;box-sizing:border-box;cursor:grab;height:22px;width:25px}[type=range][data-v-2ecb9bc3]::-ms-track{cursor:default;height:2px;-ms-transition:all .2s ease;transition:all .2s ease;width:100%;background:transparent;border-color:transparent;border-width:11px 0;color:transparent}[type=range][data-v-2ecb9bc3]::-ms-fill-lower,[type=range][data-v-2ecb9bc3]::-ms-fill-upper{box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(13,13,13,.2);background:#000;border:0 solid #cfd8dc;border-radius:0}[type=range][data-v-2ecb9bc3]::-ms-thumb{box-shadow:0 0 4px #f1f4f5,0 0 0 #fff;background:#0023ff;border:0 solid rgba(0,0,0,.99);border-radius:50%;box-sizing:border-box;cursor:grab;height:22px;width:25px;margin-top:.5px}[type=range][data-v-2ecb9bc3]:disabled::-moz-range-thumb,[type=range][data-v-2ecb9bc3]:disabled::-ms-fill-lower,[type=range][data-v-2ecb9bc3]:disabled::-ms-fill-upper,[type=range][data-v-2ecb9bc3]:disabled::-ms-thumb,[type=range][data-v-2ecb9bc3]:disabled::-webkit-slider-runnable-track,[type=range][data-v-2ecb9bc3]:disabled::-webkit-slider-thumb{cursor:not-allowed}header[data-v-66f3f67d]{top:0;padding:1rem;width:100vw;height:100vh;position:fixed;color:#000;transform-origin:left top;transform:scaleX(.8);pointer-events:none;filter:var(--grain)}header h1[data-v-66f3f67d]{font-family:SissiDisplay,serif;font-weight:700;margin:0}header h1 span[data-v-66f3f67d]{font-family:Sneaky-Times;text-transform:uppercase;font-weight:400}header .headline[data-v-66f3f67d]{position:relative}header .headline-background[data-v-66f3f67d]{width:15rem;height:4rem;background-color:#fff15f;position:absolute;top:10%;left:1rem;z-index:-1;filter:blur(20px)}.whatHow[data-v-66f3f67d]{margin-top:2rem;font-family:Sneaky-Times;text-transform:uppercase;font-size:2em;max-width:70ch}.whatHow summary[data-v-66f3f67d]{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.whatHow .fold-out[data-v-66f3f67d]{z-index:5;margin:0;text-transform:none;pointer-events:auto;position:relative}.whatHow .fold-out[data-v-66f3f67d]:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:2rem;background:#fff15f;filter:blur(20px)}.startpopup[data-v-38452c4c]{width:100vw;height:100vh;position:fixed;z-index:100;background:url(/Startpopup.png);background-size:cover;-webkit-animation:fade-38452c4c 8s linear;animation:fade-38452c4c 8s linear;pointer-events:none;opacity:0}@-webkit-keyframes fade-38452c4c{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes fade-38452c4c{0%{opacity:0}10%{opacity:1}to{opacity:0}}.questionBox-Wrapper[data-v-6c5acaa8]{background:#000;width:40ch;position:fixed;left:1rem;bottom:1rem;padding:1rem;border-radius:2rem;font-size:1.2rem;pointer-events:auto;outline:1px solid #fff}.newQuestion[data-v-6c5acaa8]{all:unset;text-transform:uppercase;position:relative;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;color:#000;padding-block:.2em;padding-inline:1em;border-radius:1em;-webkit-margin-after:3em;margin-block-end:3em}.newQuestion[data-v-6c5acaa8]:after{content:"";position:absolute;inset:0;background:#fff;border-radius:1em;transform:translateY(90%)}.newQuestion[data-v-6c5acaa8]:hover{filter:var(--grain-2);-webkit-animation:wiggle-me .2s cubic-bezier(.1,.6,.4,1) infinite;animation:wiggle-me .2s cubic-bezier(.1,.6,.4,1) infinite}.newQuestion[data-v-6c5acaa8]:focus-visible{outline:5px solid #00f}.aframe-matrix{width:100vw;height:100vh}.a-loader-title{display:none;opacity:0}.interface{top:0;width:100%;height:100%;position:fixed;z-index:1000;display:grid;grid-template-columns:2rem repeat(18,1fr) 2rem;grid-template-rows:2rem repeat(10,minmax(0,1fr)) 2rem;pointer-events:none}.website{position:fixed;bottom:0;left:51%;color:#000;font-variant-ligatures:normal;font-feature-settings:"calt" 1;text-decoration:none}.wrapperChangePointQuestions{grid-column:2/span 9;grid-row:span 7/-2;background:rgba(0,0,0,.8);border:2px solid rgba(173,107,208,.2);box-shadow:10px 10px 10px rgba(173,107,208,.03);border-radius:1rem;padding:1rem;overflow:scroll;pointer-events:all;cursor:default;color:#000}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.wrapperChangePointQuestions{background:rgba(173,107,208,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-clip:padding-box}}.wrapperChangePointQuestions.hidden{display:none}.closeWindow{position:absolute;top:10px;right:10px}.btn{cursor:pointer;pointer-events:all;padding:.5rem;text-align:center}.newPoint{grid-column:2/span 1;grid-row:2/5}.newPointInner{width:100%;height:100%;border-radius:1rem;background:linear-gradient(-90deg,#ad6bd0,transparent);transform:rotate(180deg)}.buttons-wrapper,.newPointInner{-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:flex;justify-content:center;align-items:center}.buttons-wrapper{position:absolute;right:5%;bottom:5%;border-radius:50%;background-color:#32bd56;width:50vw;height:30vw;color:#fff;transform-origin:bottom right;transform:scale(.3);box-shadow:-5px -5px 15px #e37ff2,0 0 15px #e37ff2,inset 5px 5px 20px hsla(0,0%,100%,.5);filter:var(--grain-3)}.buttons-wrapper img{pointer-events:all;max-height:160px}.hideHelix{grid-column:-3/span 1;grid-row:2/2;border-radius:1rem;background:linear-gradient(-90deg,#ad6bd0,transparent)}.openQuestionWindow{grid-column:2/span 1;grid-row:span 1/-2;border-radius:1rem;background:linear-gradient(90deg,#ad6bd0,transparent);display:flex;justify-content:center;align-items:center}.openQuestionWindow.hidden{display:none}.questions{font-size:1.3em}.nextQuestionBtn{background:linear-gradient(0deg,#ad6bd0,transparent);display:inline-block;border-radius:1rem}@media (prefers-reduced-motion:no-preference) and (min-width:800px){.btn:hover{-webkit-animation:wiggle-me .2s cubic-bezier(.1,.6,.4,1) infinite;animation:wiggle-me .2s cubic-bezier(.1,.6,.4,1) infinite}}@media (max-width:800px){.wrapperChangePointQuestions{grid-column:2/span 12;grid-row:span 6/-2}}@media (max-width:500px){.wrapperChangePointQuestions{grid-column:2/span 18;grid-row:span 10/-2}.btn{font-size:.7em}.newPoint,.openQuestionWindow{grid-column:2/span 2}.newPoint{padding:0}.newWords{grid-column:span 2/-2}}@-webkit-keyframes wiggle-me{0%,to{transform:scale(1.05) rotate(1.5deg)}25%{transform:scale(1.05) rotate(0deg)}50%{transform:scale(1.05) rotate(-1.5deg)}75%{transform:scale(1.05) rotate(0deg)}}@keyframes wiggle-me{0%,to{transform:scale(1.05) rotate(1.5deg)}25%{transform:scale(1.05) rotate(0deg)}50%{transform:scale(1.05) rotate(-1.5deg)}75%{transform:scale(1.05) rotate(0deg)}}