@charset "UTF-8";
@import "//db.onlinewebfonts.com/c/88eb29785b94842f7b48a3050e2c96f9?family=Flux";
@font-face {
  font-family: "Flux";
  src: url("//db.onlinewebfonts.com/t/88eb29785b94842f7b48a3050e2c96f9.eot");
  src: url("//db.onlinewebfonts.com/t/88eb29785b94842f7b48a3050e2c96f9.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/88eb29785b94842f7b48a3050e2c96f9.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/88eb29785b94842f7b48a3050e2c96f9.woff") format("woff"), url("//db.onlinewebfonts.com/t/88eb29785b94842f7b48a3050e2c96f9.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/88eb29785b94842f7b48a3050e2c96f9.svg#Flux") format("svg");
}
a.button6 {
   display: inline-block;
   padding: 0.7em 1.4em;
   margin: 0 0.3em 0.3em 0;
   border-radius: 0.15em;
   box-sizing: border-box;
   text-decoration: none;
   font-family: "Roboto", sans-serif;
   text-transform: uppercase;
   font-weight: 400;
   color: #FFFFFF;
   background-color: #3369ff;
   box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
   text-align: center;
   position: fixed;
}
a.button6:active {
   top: 0.1em;
}

* {
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
  transition: transform 0.5s;
  cursor: default;
  box-sizing: border-box;
}

.All {
  background-color: var(--first);
  background: radial-gradient(ellipse at 0% 0%, rgba(8, 0, 255, 0.33) 0%, transparent 67vw), linear-gradient(210.71deg, rgba(128, 0, 255, 0.28) 0%, transparent 100vw), radial-gradient(ellipse at 93vw 91vw, rgba(255, 0, 136, 0.4) 0%, transparent 100vw), radial-gradient(ellipse at 50vw 50vw, #000 0%, #000 100vw), linear-gradient(180deg, black 90vh, transparent 100vh);
  background-blend-mode: normal, normal, normal, normal, normal;
  background-repeat: no-repeat;
}

.title {
  text-align: center;
  color: white;
  padding: 1cm;
  margin: 0;
  z-index: 2;
  position: relative;
}
.title .text {
  font-size: 100px;
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.subtitle {
  text-align: center;
  color: white;
  padding: 4mm;
  column-count: 2;
  column-gap: 5%;
  width: 100%;
  min-height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.subtitle #imageHolder {
  perspective: 40px;
}
.subtitle #mouseImage {
  width: 20vw;
  position: relative;
  transform: rotateX(0) rotateY(0);
}

.subdividers {
  columns: unset;
  text-align: start;
}
.subdividers > p {
  padding: 2vw;
  perspective-origin: 50% 50%;
}
.subdividers > h2 {
  padding: 2vw;
  perspective-origin: 50% 50%;
}

.spacer {
  height: 135px;
  position: unset;
}

.coolSection {
  min-height: 50vh;
  width: 100vw;
  background: cornflowerblue;
  background: linear-gradient(180deg, cornflowerblue 0%, #4c71d5 13%, #1d2ba7 87%, darkblue 100%);
}

.Transition {
  background-color: unset;
  background: unset;
  bottom: -30px;
  width: 100%;
  position: absolute;
}

.transitionWave {
  height: 100px;
  width: 100%;
}

@media all and (max-width: 30em) {
   a.button6 {
      display: block;
      margin: 0.4em auto;
  }
}