html {
  font-family: "Luckiest Guy", cursive;
  font-weight: 200;
  font-style: normal;
  background-image: url("../img/3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  background-position: center;
  margin: 0;
}
body {
  letter-spacing: .1rem;
  z-index: 100;
  font-style: normal;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Takes full viewport height */
  margin: 0;
}
/*p {
  font-size: clamp(1.2rem, 4vw + 1rem, 5.5rem);
}*/
img {
  max-width: 15%;
  min--width: 10%;
  position: fixed;
  top: 0;
  right: 1%;
  z-index: 1000;
}
h1 {
  font-size: clamp(8rem, 10.5vw, 34rem);
  text-transform: uppercase;
  line-height: .850em;
  padding: 0;
  margin: 0;
  letter-spacing: .5rem;
  opacity: 75%;
  color: #e31937;
  mix-blend-mode: darken;
}
div {}
a:link, a:visited {
  display: inline;
  margin: 0 1%;
  font-size: clamp(.5rem, 1vw, 12rem);
  color: #333333;
  font-weight: 100;
}
.main_body {
  z-index: 200;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  background: linear-gradient(-127deg, #e31937, #e119e3, #eddd53);
	opacity: 63%;
  margin-bottom: 0px;
  padding: 4% 2% 2% 1%;
  animation: gradient 35s ease infinite;
  background-size: 200% 200%;
}
footer {
  z-index: 200;
  position: fixed;
  bottom: 0;
  min-width: 100%;
  padding: .5rem;
  background-color: #ffffff;
  display: block;
  max-height: 75px;
  font-weight: 200;
  padding: 1% 0 .5% 0;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {