@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body {
  background-color: #262626;
  background: linear-gradient(-45deg, #262626, #444146, #2e3037, #323748, #000000);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  min-height: 100vh;
  font-family: "Poppins", sans-serif;
}

.colorbar {
  background-color: #0983eb;
  height: 10px;
}

.hero {
  border-bottom: 1px solid #FFF;
}

.navbar {
  background-color: #262626;
}
.navbar a {
  color: #FFF;
}
.navbar a:hover {
  color: black;
}

.button.is-cta {
  background-color: #0983eb;
  border-color: #0983eb;
  color: #FFF;
}
.button.is-cta:hover {
  border-color: #0768ba;
  background-color: #0768ba;
}

.footer {
  background-color: #262626;
}

.hero img {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

section.container {
  color: #FFF;
}

@media all and (max-width: 768px) {
  .level.is-mobile {
    justify-content: center;
    flex-direction: column;
  }
  .level.is-mobile .level-item {
    margin-top: 1em;
  }
}
.title {
  color: #0983eb;
}

.dark {
  color: #fff;
}
.dark a,
.dark .title {
  color: #0983eb;
}

.screenshot {
  border: 2px solid #FFF;
  box-shadow: 4px 2px 2px #000;
}
@media all and (min-width: 769px) {
  .screenshot.right {
    transform: perspective(600px) rotateY(-5deg);
  }
  .screenshot.left {
    transform: perspective(600px) rotateY(5deg);
  }
}

.band {
  background-color: #1b1d27;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.band .level-item {
  text-align: center;
  max-width: 230px;
}
.band .level-item .title {
  font-size: 64px;
}
.band .level-item .text {
  margin-top: 1em;
}

.list-columns {
  -moz-columns: 2;
       columns: 2;
  margin-top: 1em;
}
.list-columns ul {
  margin-top: 0;
}/*# sourceMappingURL=style.css.map */