@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap);
/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:0;margin:0;padding:0}:root{--color01yellow: #c9fc64;--color02grey: #d1d1d1;--colortextgrey: rgb(235, 235, 235);--newbackground: #d8d8d8dd;--light: #fff;--dark: #000;--transition: all 0.5s ease-in-out}body,html{font-family:"Space Grotesk",sans-serif;font-family:"Arial",sans-serif;font-weight:300;width:100%;height:100%}::-moz-selection{color:var(--color01yellow);filter:blur(5px)}::selection{-webkit-filter:blur(5px);filter:blur(5px);color:var(--color01yellow)}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.inverted{-webkit-filter:invert(1);filter:invert(1);transition:all .3s ease-in-out}#night{position:fixed;bottom:5%;z-index:15000;font-size:1vw}.fixed-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1000}h1{color:var(--color01yellow);-webkit-filter:blur(3px);filter:blur(3px)}i{cursor:pointer}#copy{width:100%;font-size:1vw;margin-bottom:20px;color:var(--color01yellow);text-align:center;border-radius:50px;padding:5px;box-shadow:0px 0px 37px -1px rgba(175,175,175,.308);display:inline;position:relative}mark{background:rgba(0,0,0,0);color:var(--color01yellow)}#marked{z-index:50;font-size:7vw;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) skew(15deg, 15deg);font-family:"Space Grotesk",sans-serif;pointer-events:none;-webkit-filter:blur(5px);filter:blur(5px)}.secondfont{font-family:"Petit Formal Script",serif}.material-icons.md-48{font-size:3vw}@media screen and (max-width: 768px){.material-icons.md-48{font-size:10vw}}.material-icons.md-48.buttonquestion{font-size:2.5vw;margin-right:3px}@media screen and (max-width: 768px){.material-icons.md-48.buttonquestion{font-size:8vw}}.iconmobile{font-size:10vw}.bold{font-weight:bold}.buttonsleft{position:fixed;top:50%;left:5%;transform:translate(0%, -50%);z-index:5000;display:flex;flex-direction:column;align-items:flex-end;cursor:pointer}.buttonsright{position:fixed;top:50%;right:5%;transform:translate(0%, -50%);z-index:5000;display:flex;flex-direction:column;align-items:flex-end;cursor:pointer}.buttonsright i{margin:0px;cursor:pointer}button:not(#night){font-size:3vw;background-color:rgba(0,0,0,0);border:none;font-family:"Space Grotesk",sans-serif;font-weight:300}button:disabled{opacity:.25;cursor:not-allowed;-webkit-filter:blur(1px);filter:blur(1px)}button:hover{-webkit-filter:blur(3px);filter:blur(3px);transition-duration:.7s;cursor:pointer}.blurbutton{-webkit-filter:blur(3px);filter:blur(3px)}.radial-gradient{z-index:0;position:fixed;top:0px;left:0px;height:100%;width:100%;background:var(--color02grey);background:radial-gradient(at center, #37ff00, #bebebe)}#picture img{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-filter:blur(100px);filter:blur(100px);height:50vw;max-height:80vh;z-index:5}#picturehidden img{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);height:50vw;max-height:80vh;z-index:5}#infosection{position:fixed;z-index:49;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;-webkit-animation-name:fadeInBlur;animation-name:fadeInBlur;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1s;animation-duration:1s}@keyframes fadeInBlur{0%{filter:blur(100px);-webkit-filter:blur(100px)}100%{filter:blur(0px);-webkit-filter:blur(0px)}}@-webkit-keyframes fadeInBlur{0%{filter:blur(100px);-webkit-filter:blur(100px)}100%{filter:blur(0px);-webkit-filter:blur(0px)}}#mobilemsg{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);display:none;left:50%;width:100%}#mobilemsg p{font-size:6vw;color:var(--color01yellow);text-align:center}#year{text-align:center;left:50%;transform:translateX(50%);color:var(--color02grey);font-size:1vw;white-space:nowrap;display:inline-block;border-radius:50px;padding:5px}#credits{position:fixed;text-align:center;bottom:2%;left:50%;transform:translate(-50%, 0%);color:var(--color01yellow);font-size:1vw;white-space:nowrap;display:inline-block;border-radius:50px;padding:5px;left:50%}#credits span{color:var(--newbackground)}#credits a{color:var(--newbackground);transition:all .5s ease}#credits a:hover{color:var(--color01yellow)}.loader{position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);display:flex;justify-content:center;align-items:center;pointer-events:none}#textloader{position:fixed;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--color01yellow);font-size:5.5vw;display:inline-block;white-space:nowrap;pointer-events:none}.loader.hidden{-webkit-animation:fadeOut 15s;animation:fadeOut 15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.loader.hidden p{-webkit-animation:fadeOut 7s;animation:fadeOut 7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeOut{100%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;visibility:hidden}}@keyframes fadeOut{100%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;visibility:hidden}}progress{position:fixed;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:15px;border:none;background:rgba(0,0,0,0);z-index:10000}progress::-webkit-progress-bar{background:rgba(0,0,0,0)}progress::-webkit-progress-value{background:linear-gradient(to left, var(--newbackground), #c9fc64);background-attachment:fixed}progress::-moz-progress-bar{background:linear-gradient(to left, var(--newbackground), #c9fc64);background-attachment:fixed}.nicescroll-rails.nicescroll-rails-vr{opacity:0 !important;display:none}.tilt{transform-style:preserve-3d;display:flex;height:100%;width:100%;align-items:center}.tilt:hover .content{transform:translateY(-10%) translateX(-20%) translateZ(6rem)}.tilt .content{position:relative;transform:translateY(-10%) translateX(-20%) translateZ(0);transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s}.row{max-width:75rem}#wrapper{display:block;position:absolute;width:100%;z-index:9}#wrapper article{color:var(--colortextgrey);z-index:1;text-align:justify;width:100%}#wrapper article p{font-size:15px;position:relative;left:50%;transform:translate(-50%, 0%);width:475px;border-radius:50px;padding:25px}@media screen and (max-width: 768px){#wrapper article p{font-size:12px;width:70vw;padding:10px}}section{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;z-index:149;position:relative}#soundon{border-radius:50px;padding:5px;color:var(--colortextgrey);font-size:3vw;display:inline-block;left:50%;transform:translate(-50%, 0%);white-space:nowrap;text-align:center;position:absolute}@media screen and (max-width: 768px){#soundon{font-size:20px}}#speech-mobile{border-radius:50px;padding:5px;color:var(--colortextgrey);font-size:3vw;display:none;left:50%;transform:translate(-50%, 0%);white-space:nowrap;text-align:center;position:absolute}#experimental-msg{color:var(--colortextgrey);font-size:13px;left:50%;bottom:5%;transform:translate(-50%, 0%);position:absolute;width:100%;border-radius:50px;display:block;text-align:center;box-shadow:0px 0px 37px -1px rgba(175,175,175,.05)}@media screen and (max-width: 768px){#experimental-msg{font-size:9px}}#experimental-msg:hover{color:var(--color01yellow);transition:var(--transition)}#arrow{color:var(--colortextgrey);font-size:5vw;left:50%;bottom:5%;transform:translate(-50%, 0%);position:absolute;width:100%;border-radius:50px;padding:5px;display:none;text-align:center}@media screen and (max-width: 768px){#arrow{display:block}#credits2{font-size:2vw}#picturehidden img{height:unset;max-width:80vw;max-height:80vh}#credits{font-size:2vw}}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(assets/fonts/0c35d18bf06992036b691da73d635fc4.woff2) format("woff2"), url(assets/fonts/4d73cb90e394b34b767077d75cce0c4c.woff) format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(assets/fonts/6f420cf17cc0d7676fadeee43b45bd50.woff2) format("woff2"), url(assets/fonts/f882956fd323fd322f31c0665e000772.woff) format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(assets/fonts/c380809fd3677d7d690354355dc7e66e.woff2) format("woff2"), url(assets/fonts/5d681e2edae8c60630db51d7fbc2907b.woff) format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(assets/fonts/219aa9140e099e6c72ed886f739033e0.woff2) format("woff2"), url(assets/fonts/3a4004a46a653d4b2166dd7273dd24bb.woff) format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(assets/fonts/4ef4218c522f1eb6b5b1d8b7df0385ce.woff2) format("woff2"), url(assets/fonts/3baa5b8f3469222b822d0c748fc81ec7.woff) format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}


/*# sourceMappingURL=main-cfcbc943a7cfe33d3281.css.map*/