html {
  height: 100%;
}

body {
width: 40%;
  margin:0 auto;
}

.bg{
    background-image: url("/bg.jpg");
    height:100%;
    background-repeat:none;
}

.border {
  border:30px solid transparent;
  border-image-source: url("/border.png");
  border-image-slice: 25% fill;
  border-image-repeat: round;
  max-width: 410px;
}

.gif {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.naem {
  position: absolute;
  top:16%;
  left: 50%;
  font-family: "Single Day", cursive;
  font-weight: 400;
  font-style: normal;
  color: #879ecb;
}

.underlien {
   text-decoration-line: underline; /* or line-through */
  text-decoration-style: double;
  text-decoration-color: #d1c2e8;
}

.super {
  color: #aea0d3;
}

.arrow {
  position: absolute;
  top: 90%;
  left: -15%;
  font-family: "Single Day", cursive;
  font-weight: 400;
  font-style: normal;
  color: #d1c2e8;
}

.flower {
  position: absolute;
  top: 10%;
  left: 105%;
  font-family: "Single Day", cursive;
  font-weight: 400;
  font-style: normal;
  color: #d1c2e8;
}

.femme {
  position: absolute;
  top: 60%;
  left: -900%;
  font-family: "Single Day", cursive;
  font-weight: 400;
  font-style: normal;
  color: #d1c2e8;
}

.MBTI {
  color:#879ecb;
  position: absolute;
  top: 90%;
  left: -5%;
  font-family: "Single Day", cursive;
  font-weight: 400;
  font-style: normal;
}

.grr {
position: absolute;
top: 90%;
left: 5%;
font-family: "Single Day", cursive;
font-weight: 400;
font-style: normal;
}