@font-face {
  font-family: "Fearrobot Bf 66023 Edd 60584";
  src: url('../fonts/FearRobot-Regular-BF66023edd60584.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Angry;
  src: url('../fonts/Angry.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.home {
  background-color: #131313;
}

.loading-sec {
  z-index: 5;
  background-color: #131313;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.loading-con {
  flex-flow: column;
  height: 20vw;
  display: flex;
}

.loading-img {
  height: 90%;
}

.loading-div {
  justify-content: space-between;
  align-items: center;
  height: 10%;
  display: flex;
}

.loading-box {
  border: .2vw solid #cdff22;
  border-radius: .4vw;
  width: 20%;
  height: 100%;
}

.top-sec {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-image: url('../images/Frame-1000004367-1.png');
  background-position: 36% 98%;
  background-repeat: no-repeat;
  background-size: 115%;
  flex-flow: column;
  padding-bottom: 10vw;
  padding-left: 18vw;
  padding-right: 18vw;
  display: flex;
}

.navbar-sec {
  justify-content: space-between;
  align-items: center;
  height: 12vw;
  display: flex;
}

.hero-sec {
  position: relative;
}

.navbar-lin {
  color: #fafafa;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.4vw;
  line-height: 100%;
  text-decoration: none;
  transition: color .4s;
}

.navbar-lin:hover {
  color: #cdff22;
}

.navbar-blo, .navbar-img {
  height: 100%;
}

.hero-hea-1 {
  color: #3330;
  text-align: center;
  -webkit-text-stroke-width: .1vw;
  -webkit-text-stroke-color: #cdff22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Angry, Arial, sans-serif;
  font-size: 8.6vw;
  font-weight: 400;
  line-height: 100%;
}

.hero-hea-2 {
  color: #cdff22;
}

.hero-lin-gre {
  width: 100%;
}

.hero-con {
  width: 25vw;
  height: 4vw;
  position: absolute;
  inset: auto 11.2vw -2.2vw auto;
  overflow: hidden;
}

.games-sec {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 4.8vw;
  padding-right: 4.8vw;
  display: flex;
}

.games-gri {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.games-gri.games-gri-2 {
  display: none;
}

.hiring-sec {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  padding-top: 8vw;
  display: flex;
}

.hiring-man {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hiring-men-lin {
  color: #acacac;
  background-color: #c8c8c800;
  border: .2vw solid #fafafa;
  border-radius: 3vw;
  padding: 1.2vw 2.9vw 1vw;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.hiring-men-lin.w--current {
  color: #fafafa;
  background-color: #cdff2299;
  border-color: #cdff22;
}

.hiring-con {
  margin-top: 8vw;
  padding-left: 10vw;
  padding-right: 10vw;
}

.hiring-con-wra {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  display: flex;
}

.hiring-con-wra.hiring-con-wra-2 {
  display: none;
}

.hiring-con-blo {
  border-bottom: .2vw solid #fafafa;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .8vw;
  text-decoration: none;
  display: flex;
}

.hiring-con-tex {
  color: #fafafa;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.hiring-con-tex.hiring-con-tex-2 {
  font-size: 3vw;
}

.hiring-con-but {
  color: #fafafa;
  background-color: #3898ec00;
  border: .2vw solid #fafafa;
  border-radius: 3vw;
  justify-content: center;
  align-items: center;
  margin-top: 4vw;
  padding: 1.8vw 5.2vw 1.5vw;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .4s, border-color .4s;
  display: flex;
}

.hiring-con-but:hover {
  background-color: #cdff22;
  border-color: #cdff22;
}

.hiring-con-but.hiring-con-but-2 {
  display: none;
}

.hiring-con-box {
  justify-content: center;
  align-items: center;
  display: flex;
}

.games-blo {
  border: .2vw solid #fafafa;
  height: 42vw;
  transition: border-color .4s;
  overflow: hidden;
}

.games-blo:hover {
  border-color: #cdff22;
}

.games-img {
  filter: brightness(50%);
  height: 105%;
  transition: filter .4s;
}

.games-img:hover {
  filter: brightness();
}

.games-but {
  color: #fafafa;
  background-color: #3898ec00;
  border: .2vw solid #fafafa;
  border-radius: 3vw;
  justify-content: center;
  align-items: center;
  padding: 1.8vw 5.2vw 1.5vw;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .4s, border-color .4s;
  display: flex;
}

.games-but:hover {
  background-color: #cdff22;
  border-color: #cdff22;
}

.games-but.games-but-2 {
  display: none;
}

.h-2 {
  color: #fafafa;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Angry, Arial, sans-serif;
  font-size: 5.8vw;
  font-weight: 400;
  line-height: 100%;
}

.contact-sec {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  padding: 8vw 10vw 4vw;
  display: flex;
}

.contact-for {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  display: flex;
}

.contact-fil {
  color: #fafafa;
  background-color: #fff0;
  border: .2vw solid #fafafa;
  border-radius: 3vw;
  margin-bottom: 0;
  padding: 2.2vw 4.8vw 1.8vw 1.5vw;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 100%;
}

.contact-fil:focus {
  border-color: #cdff22;
}

.contact-fil.contact-fil-2 {
  height: 22vw;
}

.contact-che-tex {
  color: #acacac;
  width: 74vw;
  margin-bottom: 0;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 100%;
}

.contact-che {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.contact-che-box {
  background-color: #0000;
  border: .2vw solid #fafafa;
  border-radius: .4vw;
  align-self: flex-start;
  width: 1.5vw;
  height: 1.5vw;
  margin: 0;
}

.contact-che-box.w--redirected-checked {
  aspect-ratio: 1;
  background-color: #cdff22;
  border-style: none;
  border-width: .2vw;
  margin-top: 0;
  margin-left: 0;
  box-shadow: 0 0 #0000;
}

.contact-sub {
  color: #fafafa;
  background-color: #3898ec00;
  border: .2vw solid #fafafa;
  border-radius: 3vw;
  align-self: center;
  margin-top: 4vw;
  padding: 1.8vw 20vw 1.5vw;
  font-family: Angry, Arial, sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
  transition: background-color .4s, border-color .4s;
}

.contact-sub:hover {
  background-color: #cdff22;
  border-color: #cdff22;
}

.footer-sec {
  background-color: #191919;
  justify-content: space-between;
  align-items: center;
  padding: 2.2vw 3.4vw 8vw;
  display: flex;
}

.footer-wra-lef {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.footer-blo {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block {
  color: #fafafa;
}

.footer-tex {
  color: #fafafa;
  text-align: center;
  -webkit-text-stroke-width: .05vw;
  -webkit-text-stroke-color: #fafafa;
  text-transform: uppercase;
  font-family: "Fearrobot Bf 66023 Edd 60584", Georgia, sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.footer-img {
  height: 8vw;
}

.footer-con {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  margin-left: 2vw;
  display: flex;
}

.footer-lin-rig {
  border: .1vw solid #2c313f;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.2vw;
  height: 2.2vw;
  display: flex;
}

.footer-lin-rig.footer-lin-rig-2 {
  background-color: #cdff22;
  border-width: 0;
}

.footer-lin-img {
  width: 50%;
}

.footer-lin-img.footer-lin-img-2 {
  width: 30%;
}

.footer-div {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.footer-lin-tex {
  color: #fafafa;
  font-family: Poppins, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.footer-par {
  color: #acacac;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 100%;
}


@font-face {
  font-family: 'Fearrobot Bf 66023 Edd 60584';
  src: url('../fonts/FearRobot-Regular-BF66023edd60584.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Angry';
  src: url('../fonts/Angry.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}