@font-face {
  font-family: 'fontsncss';
  src: url(/fontsncss/poti.ttf);
}
  @font-face {
    font-family: 'fontsncss2';
    src: url(/fontsncss/A_Font_with_Serifs._Disordered.ttf);
  }
@font-face {
font-family: 'fontsncss3';
  src: url(fontsncss/STAMAJ__.TTF);
}

  body {
  background: url(images/static-assets-upload3123325170136627867.jpg) no-repeat center center fixed;
  background-size: cover;
  background-color: rgb(120, 47, 47);
  color: #6a0707e1;
  font-family: fontsncss3;
  font-size: 1.2rem;
}
.zoom-image {
  transition: transform 0.5s ease;
}
.zoom-image:hover {
  transform: scale(1.2);
}

.head {
    margin: auto;
    text-shadow: 2px 2px #dba3a3e1;
    
    /* background-color: rgba(222, 205, 205, 0.473); */
    max-width: 840px;
    font-size: 4rem;
}
.heart {
    font-family: fontsncss2;
    background-image: url(images/08_37_31_67_HeartCut_1-2735978253.png);
    /* background-color: black; */
    max-width: 1000px;
    margin: auto;
    background-size: 100% 100%;
    padding-bottom: 800px;
    text-align: center;
}
.outerWilds {
    height: 100px;
    position: absolute;
    bottom: 14%;
    rotate: 40deg;
    left: 43%;
}
.ihnmaims {
    height: 100px;
    position: absolute;
    bottom: 24%;
    left: 50.3%;
}
.tma {
    position: absolute;
    height:50px;
    right: 31.5%;
    top: 30%;
    
}
.edith {
    position: absolute;
    height: 50px;
    bottom: 32%;
    left: 40.4%;
}
.moose {
    position: absolute;
    height: 100px;
    bottom: 34.5%;
    right: 49%;
    rotate: 26deg;
}
.red {
    position: absolute;
    height: 20px;
    right: 31.2%;
    top: 44%;
    /* background-color: rgba(0, 0, 0, 0.43); */
    border-radius: 20%;
}
.pitcher {
    position: absolute;
    height: 90px;
    bottom: 33%;
    right: 43%;
    rotate: 340deg;
}
.mae {
    position: absolute;
    height: 100px;
    left: 36%;
    bottom: 30%;
    rotate: 340deg;
}
.smoke {
    position: absolute;
    height: 150px;
    rotate: 24deg;
    right: 17%;
    top: 45%;
}
.val {
    position: absolute;
    height: 60px;
    left: 43%;
    top: 50%;
    rotate: 20deg;
}
.strawb {
    position: absolute;
    height: 30px;
    left: 35%;
    top: 55%;
}
.dipper {
    position: absolute;
    height: 40px;
    left: 43.5%;
    bottom: 28%;
    rotate: 330deg;
}
.leaves {
    position: absolute;
    height: 100px;
    rotate: 10deg;
    left: 36.5%;
}
.lukes {
    position: absolute;
    height: 60px;
    right: 40.5%;
    top: 50%;
    rotate: 40deg;
}
.maggie {
    position: absolute;
    height: 60px;
    bottom: 20%;
    rotate: 310deg;
    right: 40%;
}