* {
  margin: 0;
  padding: 0;
  font-size: min(22px, 6vw);
  font-family: Helvetica, Arial, sans-serif;
}

.header {
  display: flex;
  width: 100%;
  height: min(30px, 2.75vh);
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #0a0a0a;
  padding-top: 0.19em;
  font-style: normal;
  text-transform: uppercase;
  font-family: sans-serif;
}

#hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background: black;
  color: white;
  padding: 0%;
}

#splash-content {
  transform: scaleY(-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(75vh, 900px);
  background-color: #0a0a0a;
  background: #0a0a0a;
  background-image: url("/media/Blue_Sky_with_Clouds.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

#hero-image {
  transform: scaleY(-1);
  width: clamp(0px, 40vh, 400px);
  aspect-ratio: 1/1;
  margin-top: max(1.75vw, 20px);
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#hero-image:hover {
  filter: none;
}

#splash-text {
  color: white;
  font-family: sans-serif;
  /* background-color: violet; */
  transform: scaleY(-1);
}
#splash-text h1 {
  font-size: min(9vw, 275%);
  font-weight: 1000;
}/*# sourceMappingURL=hero_and_intro.css.map */