* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: rgb(12, 28, 11);
  font-family: "PP Agrandir", Helvetica, Arial, sans-serif;
  color: rgb(235, 235, 235);
  font-size: 62, 5%;
}

@font-face {
  font-family: "PPMigra";
  src: url("/fonts/PPMigra-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "PPMigra";
  src: url("/fonts/PPMigra-ExtralightItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
form, fieldset, ol, ul, li, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: rgb(235, 235, 235);
  font-size: 0.8rem;
  font-weight: 100;
}

main {
  min-height: 88vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5rem 5rem 0rem 5rem;
}

.text-comingSoon {
  font-family: "ppmigra", "swear-display", serif;
  text-align: center;
  color: rgb(146, 244, 117);
  font-style: italic;
  letter-spacing: 0.05ch;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 2ch;
  margin-top: 4rem;
}

.font2 {
  font-style: italic;
  font-weight: 100;
}

.headlineAndPics ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 2rem;
  font-family: "ppmigra", "swear-display", serif;
	font-style: normal;
  text-align: center;
  font-size: 7rem;
  font-weight: 300;
  line-height: 2ch;
  color: rgb(219, 220, 219);
}

.headlineAndPics li {
  display: flex;
}

.positionElements {
  position: relative;
}

.showPic {
  width: 80px;
  max-height: 120px;
  position: absolute;
  transform: scale(1);
  transition: all 0.2s ease;
}

#img1 {
  left: 56%;
}

#img2 {
  left: 23%;
}

#img3 {
  left: 27%;
}

#img4 {
  left: 60%;
}

.showPic:hover, .showPic:focus {
  display: block;
  min-width: 100;
  max-height: 130;
  transform: scale(5);
}

@media (max-width: 500px) {
  body {
    background-color: rgb(219, 220, 219);
  }
  .headlineAndPics ul {
    font-size: 5rem;
    color: rgb(38, 38, 38);
  }
  .showPic {
    width: 50px;
    max-height: 80px;
    transform: scale(1);
    transition: all 0.2s ease;
  }
  .showPic:hover, .showPic:focus {
    display: block;
    transform: scale(2);
  }
  .text-comingSoon {
    font-size: 1rem;
    margin-top: 2rem;
    color: rgb(66, 192, 66);
    margin-bottom: 5rem;
  }
}/*# sourceMappingURL=style.css.map */