* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", serif;
}

.center {
  max-width: 1200px;
  padding-left: calc(50% - 600px);
  padding-right: calc(50% - 600px);
}

.header {
  background-image: url(./img/Star2.png), url(./img/Star3.png), url(./img/Star4.png), url(./img/Star5.png), url(./img/Group.png);
  background-color: rgb(225, 255, 143);
  background-repeat: no-repeat;
  background-position: 63px 94px, 156px 69px, calc(100% - 344px) calc(100% - 59px), calc(100% - 455px) calc(100% - 135px), top 0 right 0;
  height: 720px;
}
.header__title {
  color: rgb(32, 32, 39);
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  text-align: left;
  padding-top: 196px;
  padding-bottom: 24px;
}
.header__text {
  color: rgb(32, 32, 39);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  margin-bottom: 48px;
  width: 720px;
}
.header__button {
  box-sizing: border-box;
  border: 1px solid rgb(32, 32, 39);
  border-radius: 60px;
  background: rgb(32, 32, 39);
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 600;
  line-height: 141.69%;
  text-align: center;
  padding-left: 66px;
  padding-right: 66px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.header__button:hover {
  background: rgb(255, 255, 255);
  color: rgb(32, 32, 39);
}

.liner {
  overflow: hidden;
  max-width: 100%;
  background-color: rgb(188, 236, 48);
}

.line {
  height: 90px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 51px;
  animation: scroll-left 20s linear infinite both;
}

@keyframes scroll-left {
  from {
    transform: translatex(0%);
  }
  to {
    transform: translatex(-100%);
  }
}
.line-el {
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  letter-spacing: 4%;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.main {
  background: rgb(32, 32, 39);
  background-image: url(./img/Star11.png), url(./img/Star12.png), url(./img/Star1.png), url(./img/Star7.png), url(./img/Star6.png), url(./img/Star10.png), url(./img/Star8.png);
  background-position: 27.97px 864px, 45.18px 914px, right 0 top 94px, 1281.33px 1563px, 1326.54px 1596px, 1249px 4884px, 1319px 4836px;
  background-repeat: no-repeat;
}

.aboutgames__title {
  color: rgb(255, 255, 255);
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  text-align: left;
  padding-top: 94px;
  margin-bottom: 24px;
}
.aboutgames__text {
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  margin-bottom: 72px;
}

.games {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  row-gap: 39px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  padding-bottom: 50px;
}
.games-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  gap: 39px;
}

.game {
  border-radius: 30px;
  background: rgb(255, 255, 255);
  width: 378px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  transition: transform 0.5s;
}
.game-link {
  display: inline-block;
  text-decoration: none;
}
.game__img {
  border-radius: 30px;
  padding-bottom: 32px;
}
.game__number {
  box-sizing: border-box;
  background-color: rgb(247, 247, 247);
  border: 1px solid rgb(247, 247, 247);
  border-radius: 52.58px;
  padding: 8px 16px 10px 16px;
  color: rgb(32, 32, 39);
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  text-align: left;
  margin-bottom: 16px;
  margin-left: 32px;
}
.game__name {
  color: rgb(32, 32, 39);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  padding-bottom: 36px;
  padding-left: 32px;
}

.game:hover {
  transform: scale(1.1);
}

.game_height1 {
  height: 473px;
}

.game_height2 {
  height: 512px;
}

.game_height3 {
  height: 551px;
}

.minigames {
  padding-top: 46px;
  padding-bottom: 144px;
}

.minigames__title {
  color: rgb(255, 255, 255);
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  text-align: left;
  margin-bottom: 72px;
}

.minigame-block {
  background: rgb(255, 255, 255);
  border-radius: 30px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.minigame-block__img {
  border-radius: 30px;
  width: 600px;
}

.minigame {
  padding: 48px 48px 48px 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 600px;
}
.minigame__name {
  color: rgb(32, 32, 39);
  font-size: 48px;
  font-weight: 700;
  line-height: 59px;
  text-align: left;
  margin-bottom: 24px;
}
.minigame__desc {
  color: rgb(32, 32, 39);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  margin-bottom: 36px;
}
.minigame__button {
  font: inherit;
  box-sizing: border-box;
  border: 1px solid rgb(32, 32, 39);
  border-radius: 60px;
  background: rgb(32, 32, 39);
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 600;
  line-height: 141.69%;
  text-align: center;
  padding-left: 66px;
  padding-right: 66px;
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
}
.minigame__button:hover {
  background: rgb(255, 255, 255);
  color: rgb(32, 32, 39);
}

.footer {
  background-color: rgb(189, 237, 53);
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  text-align: center;
  padding-top: 61px;
  padding-bottom: 60px;
}

@media (max-width: 1024px) {
  .center {
    padding-left: calc(50% - 393px);
    padding-right: calc(50% - 393px);
  }
  .header__title {
    font-size: 56px;
  }
  .header__text {
    font-size: 20px;
  }
  .header__button {
    font-size: 20px;
  }
  .header__button:hover:none {
    background: inherit;
  }
  .line {
    height: 51.34px;
    gap: 27.4px;
  }
  .line-el {
    font-size: 16px;
    line-height: 17.6px;
  }
  .aboutgames {
    display: none;
  }
  .main {
    background-image: none;
  }
  .minigames {
    padding-bottom: 48.88px;
  }
  .minigames__title {
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 48px;
  }
  .minigame-block {
    margin-bottom: 24px;
  }
  .minigame-block__img {
    width: 50%;
  }
  .minigame {
    padding: 29px 29px 32px 29px;
    width: 285px;
  }
  .minigame__name {
    font-size: 32px;
    line-height: 39px;
  }
  .minigame__desc {
    font-size: 16px;
    line-height: 19.5px;
  }
  .minigame__button {
    font-size: 16px;
    width: 100%;
  }
  .minigame__button:hover:none {
    background: inherit;
  }
  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 833px) {
  .center {
    padding-left: 24px;
    padding-right: 24px;
  }
  .aboutgames {
    display: none;
  }
}
@media (max-width: 767px) {
  .center {
    padding-left: 16px;
    padding-right: 16px;
  }
  .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 648.66px;
    background-image: url(./img/Star2-2.png), url(./img/Star3-2.png), url(./img/Star4-2.png), url(./img/Star5-2.png), url(./img/Vector.png);
    background-position: 38px 97px, 92px 64px, calc(100% - 34px) calc(100% - 28px), calc(100% - 86px) calc(100% - 74px), top 0 right 0;
    background-repeat: no-repeat;
  }
  .header__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 49px;
    text-align: center;
    padding-top: 147px;
  }
  .header__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    margin-bottom: 36px;
    width: 296px;
  }
  .header__button {
    font-size: 16px;
    width: 285px;
  }
  .header__button:hover:none {
    background: inherit;
  }
  .line {
    height: 51.34px;
    gap: 27.4px;
  }
  .line-el {
    font-size: 16px;
    line-height: 17.6px;
  }
  .main {
    background-image: none;
  }
  .aboutgames {
    display: none;
  }
  .minigames {
    padding-bottom: 48.88px;
  }
  .minigames__title {
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 48px;
  }
  .minigame-block {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-bottom: 24px;
  }
  .minigame-block__img {
    width: auto;
  }
  .minigame-block_mobile {
    display: flex;
    flex-direction: column;
  }
  .minigame {
    padding: 29px 29px 32px 29px;
    width: 285px;
  }
  .minigame__name {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 16px;
  }
  .minigame__desc {
    font-size: 16px;
    line-height: 19.5px;
  }
  .minigame__button {
    font-size: 16px;
    width: 100%;
  }
  .minigame__button:hover:none {
    background: inherit;
  }
  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}/*# sourceMappingURL=style.css.map */