@import "https://fonts.googleapis.com/css2?family=Gamja+Flower&family=Playwrite+DE+Grund:wght@100..400&display=swap";
@font-face {
  font-family: SoundYoga;
  src: url("Lostar.ccc3960a.otf") format("opentype");
}

html {
  --red: #801a30;
  --yellow: #e09c17;
  --dark: #221328;
  --light: #9dc99f;
  --teal: #5b8c7d;
  font-optical-sizing: auto;
  background-color: var(--yellow);
  color: var(--dark);
  font-family: Gamja Flower, sans-serif;
}

body {
  margin: 0;
}

h1 {
  color: var(--red);
  z-index: -1;
  font-family: SoundYoga;
  font-size: 14vmin;
  font-weight: normal;
  position: fixed;
  top: 4vmin;
}

main {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wrap {
  width: 95%;
  max-width: 680px;
  margin: 0 auto;
}

img.hero {
  width: 80%;
  max-width: 680px;
  margin-top: 20vmin;
}

#testimonials {
  background-color: var(--red);
  width: 100%;
}

#socials {
  gap: 1em;
  display: flex;
}

#socials a {
  width: 2.5em;
  height: 2.5em;
  color: var(--light);
  background-color: var(--red);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background-color .5s;
  display: flex;
}

#socials a:hover {
  background-color: var(--dark);
}

#copy {
  margin-top: 3em;
}
/*# sourceMappingURL=index.c41b5a0e.css.map */