.pink {
  color: #FF2E63;
  font-size: 54px;
}

.btn-play {
  display: inline-block;
  margin-top: 8px;
  outline: none;
  border: none;
  text-decoration: none;
  background-color: #FF2E63;
  padding: 8px 24px;
  color: #fff;
  font-size: 18px;
}

body {
  background-color: #121212;
}

header {
  background-color: #000000;
  position: sticky;
  top: 0;
  width: 100%;
  padding: 12px 0;
}
header a.navbar-brand {
  color: #fff !important;
}
header nav .navbar-collapse ul li {
  display: inline-block;
  margin-left: 12px;
}
header nav .navbar-collapse ul li a {
  color: #fff;
}
header nav .navbar-collapse ul li a:hover {
  color: #FF2E63;
}

#hero {
  background-color: #121212;
  padding: 48px 0;
  display: flex;
  align-items: center;
}
#hero .headline h1 {
  color: #FF2E63;
  font-size: 54px;
}
#hero .headline h2 {
  color: #FF2E63;
}
#hero .headline p {
  color: #fff;
}
#hero .img {
  display: flex;
  justify-content: center;
  border: 10px solid #FF2E63;
  background-color: #121212;
}
#hero .img img {
  width: 40%;
}

#about-game {
  padding: 24px 0;
}
#about-game .img {
  display: flex;
  justify-content: center;
  border: 10px solid #FF2E63;
  background-color: #121212;
}
#about-game .img img {
  width: 40%;
}
#about-game .text h2 {
  font-size: 36px;
  color: #fff;
}
#about-game .text p {
  font-size: 18px;
  color: #fff;
}

#game .btn-play {
  background-color: #39FF14;
}
#game .img {
  display: flex;
  justify-content: center;
}
#game .img img {
  width: 60%;
}

#why {
  padding: 48px 0;
}
#why .img {
  display: flex;
  justify-content: center;
  border: 10px solid #FF2E63;
  background-color: #121212;
}
#why .img img {
  width: 40%;
}
#why .text h2 {
  color: #fff;
  font-size: 36px;
}
#why .text .group {
  margin-top: 24px;
}
#why .text .group p {
  color: #fff;
  font-size: 16px;
}

#services {
  padding: 24px 0;
}
#services h2 {
  color: #FF2E63;
}
#services h3, #services p {
  color: #fff;
}

footer {
  padding: 24px 0;
}
footer h3 {
  color: #fff;
  font-size: 36px;
}
footer p {
  color: #fff;
}
footer p a {
  text-decoration: none;
  color: #FF2E63;
}
footer .img {
  width: 100%;
  height: 100px;
  padding: 12px 0;
}
footer .img img {
  width: 50%;
  height: 100%;
}
footer .img a img {
  width: 100%;
  height: 100%;
}
footer ul {
  padding-inline-start: 0;
}
footer ul li {
  display: inline-block;
  padding: 0 12px;
}
footer ul li a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
footer ul li a:hover {
  color: #FF2E63;
}

#form {
  padding: 24px 0;
}
#form label {
  color: #fff;
}
#form .form-group {
  margin-bottom: 12px;
}

#privacy,
#cookie,
#terms,
#disclaimer {
  padding: 24px 0;
}
#privacy h2,
#privacy p,
#privacy h3,
#cookie h2,
#cookie p,
#cookie h3,
#terms h2,
#terms p,
#terms h3,
#disclaimer h2,
#disclaimer p,
#disclaimer h3 {
  color: #fff;
}
#privacy a,
#cookie a,
#terms a,
#disclaimer a {
  text-decoration: none;
  color: #FF2E63;
}
#privacy ul li,
#cookie ul li,
#terms ul li,
#disclaimer ul li {
  list-style-type: disc;
  color: #fff;
}

@media (max-width: 600px) {
  #hero .headline h1 {
    font-size: 20px;
  }
  #hero .img img {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */