@-webkit-keyframes flicker {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flicker {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes movit {
  0% {
    margin-top: 15vh;
  }
  100% {
    margin-top: 16vh;
  }
}

@keyframes movit {
  0% {
    margin-top: 15vh;
  }
  100% {
    margin-top: 16vh;
  }
}

body {
  background-color: #000000;
}

.wrapper {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  background-color: #000000;
  opacity: 1;
  background-image: radial-gradient(#ffffff 0.75px, transparent 0.75px), radial-gradient(#ffffff 0.75px, #000000 0.75px);
  background-size: 50px 50px;
  background-position: 0 0, 15px 15px;
  -webkit-animation: flicker 2s ease alternate infinite;
          animation: flicker 2s ease alternate infinite;
  z-index: -10;
}

img.logo {
  margin-top: 5em;
  margin-bottom: 3em;
  width: 90px;
  height: auto;
}

.btn-start {
  width: 10em;
  margin: 2em 0em;
}

.container {
  margin: auto;
  margin-top: 15vh;
  width: 25%;
  height: 70vh;
  background-color: rgba(255, 255, 255, 0.644);
  border-radius: 2%;
  text-align: center;
  color: #000000;
  -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(-16deg) rotateZ(4deg);
          transform: perspective(1000px) rotateX(4deg) rotateY(-16deg) rotateZ(4deg);
  -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
          box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
  border-radius: 2px;
  -webkit-animation: hoverRotateAnimation 5s ease alternate;
          animation: hoverRotateAnimation 5s ease alternate;
}

.container .hero {
  text-transform: uppercase;
  font-weight: 700;
}

.container:hover {
  margin-top: 14.5vh;
}

@-webkit-keyframes rotateAnimation {
  from {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(-10deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(-10deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
    border-radius: 2px;
  }
  to {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(10deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(10deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
    border-radius: 2px;
  }
}

@keyframes rotateAnimation {
  from {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(-10deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(-10deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
    border-radius: 2px;
  }
  to {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(10deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(10deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
    border-radius: 2px;
  }
}

@-webkit-keyframes hoverRotateAnimation {
  from {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(-17deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(-17deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
    border-radius: 2px;
  }
  to {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(344deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(344deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
    border-radius: 2px;
  }
}

@keyframes hoverRotateAnimation {
  from {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(-17deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(-17deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.533);
    border-radius: 2px;
  }
  to {
    -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(344deg) rotateZ(4deg);
            transform: perspective(1000px) rotateX(4deg) rotateY(344deg) rotateZ(4deg);
    -webkit-box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
            box-shadow: 24px 16px 64px 0 rgba(111, 111, 111, 0.592);
    border-radius: 2px;
  }
}
/*# sourceMappingURL=style.css.map */