@font-face{
   font-family: "Eras ITC";
   src: url(eras-itc-bold.ttf);
   font-style:normal;
}
.sour-gummy{
  font-family: "Sour Gummy", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.dynapuff{
  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.chewy{
  font-family: "Chewy", system-ui;
  font-weight: 400;
  font-style: normal;
}
.cherry-bomb-one{
  font-family: "Cherry Bomb One", system-ui;
  font-weight: 400;
  font-style: normal;
}

html{
    background-image: url('splashpagebg.png');
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.wrapper {
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  width: 841px;
  margin: 0 auto;
  display:grid;
  text-align:center;
  justify-items: center;
}
.splash {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 1em;
  grid-column: 1/2;
  grid-row: 1/2;
  background-image: url("splashbodybg.png");
  background-repeat:no-repeat;
  border: 15px solid #EC3C0D;
  border-radius: 100px;
}
.thickheader {
  max-width: 700px;
  position: absolute;
  top: 50px;
  grid-column: 1/2;
  grid-row: 1/2;
}
.blurb {
  position: absolute;
  top: 400px;
  grid-column: 1/2;
  grid-row: 1/2;
  font-family: "Eras ITC";
  font-size: 27px;
  font-weight:bold;
  color: white;
  -webkit-text-stroke: 1px #410FAC;
  padding: 150px;
}

.wrapper2{
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  margin: 0 auto;
}
.Welcome{
  position: absolute;
  grid-column: 1/2;
  grid-row: 1/2;
  top: -300px;
  left: 365px;
}
.Clickhere{
  position: absolute;
  grid-column: 1/2;
  grid-row: 1/2;
  top: 100px;
  left: -860px;
}