@import url("/styles/header.css");
@import url("/styles/hero.css");
@import url("/styles/about.css");
@import url("/styles/coach.css");
@import url("/styles/schedule.css");
@import url("/styles/gallery.css");
@import url("/styles/faq.css");
@import url("/styles/contacts.css");
@import url("/styles/footer.css");

*,
body,
h1,
h2,
h3,
p,
a,
ul,
li,
img {
  padding: 0;
  margin: 0;
}
*,
body,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
}
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  font-family: "Roboto", sans-serif;
}
ul,
ol {
  list-style: none;
}
img {
  max-width: 100%;
  display: block;
}

:root {
  --firstScreen-bg: rgba(102, 17, 221, 0.4);
  --header_bg: rgba(76, 31, 122, 0.6);
  --header-c: #f6d7a3;
  --mainText: #ffffff;
  --pink-text: #91479b;
  --mainBG: rgba(23, 15, 50, 1);

  --mob-burger: #c93732;
  --black: #000;
  --bg-beige: #fff6d4;
  --bg-softWhite: #f9f9f9;
  --navyBlue: #1b1f3b;
  --red: #d32f2f;
}

.ital {
  font-style: italic;
}

h2 {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
}

h3 {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 0.95rem + 1.5vw, 2rem);
}

.emoji__wrapper {
  margin-right: 0.2rem;
}
@media screen and (min-width: 740px) {
  .emoji__wrapper {
    margin-right: 1rem;
  }
}