@import url("https://fonts.googleapis.com/css?family=Anton|Poppins&display=swap");
body,
.uk-navbar-container,
#fp-nav ul li .fp-tooltip {
  background: linear-gradient(45deg, #150035, #5506ce) !important;
}

#fp-nav ul li .fp-tooltip {
  background-attachment: fixed !important;
  padding: 0 10px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: #fff;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #cfff;
}

.uk-navbar-container {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  background-attachment: fixed !important;
}

.uk-navbar-nav > li > a {
  color: #fff;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a.uk-open,
.uk-navbar-nav > li > a:focus {
  color: #ff39dc;
}

.play-btn {
  text-decoration: none;
  padding: 14px 30px;
  background: #9e4efc;
  background: -webkit-gradient(linear, left top, left bottom, from(#9e4efc), to(#570dc8));
  background: linear-gradient(to bottom, #9e4efc 0%, #570dc8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e4efc', endColorstr='#570dc8', GradientType=0);
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Anton',
 sans-serif;
  -webkit-box-shadow: 0px 6px 0px 0px #3a0090;
  box-shadow: 0px 6px 0px 0px #3a0090;
  text-shadow: 5px 5px 0px rgba(88, 19, 184, 0.8);
  display: inline-block;
  margin-top: 25px;
}

.play-btn:hover {
  text-decoration: none;
  color: #fff;
  background: #ff39dc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff39dc), to(#a60084));
  background: linear-gradient(to bottom, #ff39dc 0%, #a60084 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff39dc', endColorstr='#a60084', GradientType=0);
  -webkit-box-shadow: 0px 6px 0px 0px #661355;
  box-shadow: 0px 6px 0px 0px #661355;
  text-shadow: 5px 5px 0px rgba(166, 0, 132, 0.8);
}

.gold-title {
  background: -webkit-gradient(linear, left bottom, left top, from(#e7e043), color-stop(51%, #9a9611), color-stop(54%, #d7d127));
  background: linear-gradient(bottom, #e7e043 0%, #9a9611 51%, #d7d127 54%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  font-weight: 400;
  font-family: 'Anton',
 sans-serif;
  -webkit-filter: drop-shadow(0 0 35px #4d0148);
          filter: drop-shadow(0 0 35px #4d0148);
}

.users-section .icon {
  color: #fff;
  background: #e7e043;
  padding: 5px;
  border-radius: 4px;
}

.games-section .controllers a {
  background: #8f4bf9;
  color: #fff;
  border-radius: 50px;
  padding: 15px 20px;
  -webkit-box-shadow: 0px 6px 0px 0px #3a0090;
          box-shadow: 0px 6px 0px 0px #3a0090;
}

.games-section img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  text-decoration: none;
  padding: 5px;
  background: #9e4efc;
  background: -webkit-gradient(linear, left top, left bottom, from(#9e4efc), to(#570dc8));
  background: linear-gradient(to bottom, #9e4efc 0%, #570dc8 100%);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Anton',
 sans-serif;
  -webkit-box-shadow: 0px 6px 0px 0px #3a0090;
          box-shadow: 0px 6px 0px 0px #3a0090;
  text-shadow: 5px 5px 0px rgba(88, 19, 184, 0.8);
  overflow: hidden;
  border-radius: 12px;
}

.intro-section .play-btn {
  margin-top: 15px;
}

.intro-section img {
  max-width: 470px;
  display: block;
  margin: 0 auto;
  width: 100%;
}

.intro-section p {
  color: #fff;
  padding-top: 25px;
  max-width: 670px;
  margin: 0 auto;
  font-family: 'Poppins',
 sans-serif;
}
/*# sourceMappingURL=main.css.map */