@import url('../../assets/fonts/fonts.css');
@import url('./header.styles.css');
@import url('./participants.styles.css');
@import url('./competitions.styles.css');
@import url('./teams.styles.css');
@import url('./faq.styles.css');
@import url('./connection.styles.css');
@import url('./footer.styles.css');
@import url('./modal.styles.css');

* {
  font-family: "VTB Group UI", serif;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: #000;
  padding: 16px 16px 0;
}

.wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1432px;
  margin: 0 auto;
}

.floating_button {
  z-index: 1;
  padding: 15px 32px 17px 32px;
  position: fixed;
  bottom: 88px;
  right: 88px;
  font-size: 30px;
  line-height: 36px;
  text-decoration: none;
  color: #fff;
  border-radius: 64px;
  background: linear-gradient(-22.74deg, rgb(255, 222, 191) -34.88%,rgb(255, 164, 82) 72.163%);
}

@media screen and (max-width: 500px) {
  .floating_button {
    padding: 11px 20px 13px 20px;
    font-size: 20px;
    line-height: 24px;
    bottom: 48px;
    right: 48px;
  }
}