body {
  text-align: center;
  /*   transition: all .4s ease-in-out; */ }

html {
  margin: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute; }

.caps {
  text-transform: uppercase; }

h1 {
  font-size: 2.5em; }

h2 {
  font-size: 2em; }

.red-button {
  transition: all .5s ease-in-out;
  border-radius: 10px;
  background-color: #FF6666;
  color: #FEFEE5;
  box-shadow: 0.5px 1px 2px 1px rgba(0, 0, 0, 0.3);
  margin: 0px 20px 10px 20px; }

.temp {
  /*   border: 2px dashed green; */ }

.red-button:hover {
  cursor: pointer;
  background-color: #DD5858;
  font-size: 1.87em;
  transform: scale(1.1); }

.light {
  font-weight: lighter; }

.inactive-button {
  font-size: 1.7em;
  border-radius: 10px;
  background-color: #F48788;
  color: #DD5858; }

.twenty-vh-spacer {
  width: 100%;
  position: relative;
  height: 20vh; }

body {
  transition: filter 1s ease-in-out, background 1s ease-in-out;
  background: white;
  cursor: url("../img/mouseSm.png"), auto !important; }

.nav-section {
  height: 120px;
  position: relative; }

p {
  font-size: 1.1em; }

#brain-video {
  position: absolute;
  z-index: -20;
  width: 95vw;
  left: 50%;
  margin-top: 25px;
  opacity: 0.3;
  transform: translateX(-50%); }

#hope-after {
  position: absolute;
  /*left: 70px;*/
  /*top: 40vh;*/
  width: 49vw;
  /*     border: 2px red solid; */ }

#down-to-about {
  margin-top: 30px; }

.placeholder-image {
  width: 100%;
  position: relative; }

.c-button {
  transition: all 0.5s ease-in-out;
  position: absolute;
  display: block;
  box-shadow: -8px 3px 20px 10px rgba(0, 0, 0, 0.2);
  transition: all .5s ease-in-out;
  min-width: 40px;
  min-height: 40px;
  background: #FF6666;
  color: #FEFEE5;
  transform-origin: 100% 0%;
  z-index: 100;
  padding: 10px; }

.c-button:active {
  animation: test 1s 1; }

@keyframes test {
  50% {
    transform: rotateY(40deg); }
  100% {
    transform: rotateY(-5deg); } }
.c-button:hover {
  background: #DD5858;
  cursor: url("../img/hand.png"), auto !important; }

.universal-hover:hover {
  cursor: url("../img/hand.png"), auto !important; }

.animatedDiv {
  transform-origin: 0% 50%;
  z-index: 300;
  pointer-events: none;
  background-repeat: no-repeat;
  display: block;
  transition: left, transform, top, scale .2s ease-in-out;
  position: relative;
  width: 1200px;
  height: 240px;
  background-image: url(../img/title.png); }

#main-site-intro {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  position: relative; }

@keyframes play {
  from {
    background-position: 0px; }
  to {
    background-position: -2400px; } }
#intro-video {
  position: relative;
  width: 70%;
  min-width: 100px; }

#intro-play {
  width: 100%;
  position: relative; }

#and-motion {
  font-size: 4.3em;
  text-align: center;
  position: absolute;
  width: 100vw;
  top: 43%;
  left: 50%;
  transform: translateX(-50%); }

.dot {
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 100%;
  z-index: 50;
  position: absolute;
  margin-top: 10px;
  left: 49%; }

.flip {
  animation: flip .5s 1 ease-in-out; }

@keyframes flip {
  50% {
    transform: scale(0.7) translateX(-85%); } }
.randomBoxes {
  position: absolute;
  z-index: -10;
  /*   border: 3px red solid; */ }

.definition {
  position: relative;
  margin: 0px 27vw;
  margin-bottom: 200px;
  font-size: 1.7em; }

.about {
  height: 900px; }

.about > p {
  position: relative;
  margin: 0px 17vw;
  margin-bottom: 40px;
  font-size: 1.1em; }

/*# sourceMappingURL=global.css.map */