.main-block {
  width: 1024px;
}

.my-con {
  margin: 53px 0 0 0;
  width: 100%;
  max-width: inherit;
}

#title,
#mascot {
  animation: appear 0.4s ease;
}

@-webkit-keyframes appear {
  0% {
    -webkit-transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@media screen and (max-width: 1023px) {
  .gulag-avatar {
    display: none;
  }

  #home-hero .columns.flex-vcenter {
    padding: 0 20px;
  }

  .main-block {
    width: initial;
    height: 285px;
  }

  #mascot {
    display: none !important;
  }

  .my-con {
    margin: 60px 0 0 0;
  }

  #home-hero {
    height: 300px;
  }
}

.hero {
  background-color: transparent;
}

.footer {
  margin: 0;
}

.users {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.user-counter {
  padding: 5px 16px;
  margin: 16px 0;
  background: rgba(72, 72, 72, 0.6);
  width: fit-content;
  border-radius: 32px;
  font-size: .92rem;
  color: #fff;
}