@font-face {
    font-family:'OldEnglishFive';
    src: url(OldEnglishFive.ttf)
}  

@font-face {
    font-family:'Splash';
    src: url(Splash.ttf)
}  

body {
  background-color: #cd7777;
}

.Lemur {
  position: absolute;
      top: 8vw;
      left: 71vw;
}

.Lemur:hover {
  transform: rotate(5deg) scale(1.1);
}

.Lemur:active {
  transform: rotate(40deg) scale(1.5);
}

.center {
  <center>
  position: absolute;
  text-align: center;
  font-family: "OldEnglishFive";
  font-size: 2.3vw;
}

.center2 {
  <center>
  position: absolute;
  text-align: center;
  font-family: "Splash";
  font-size: 2.3vw;
  </center>
  top: 10vw;
}

.appeardino {
  opacity: 0.3
}

.appeardino:hover {
  opacity: 1
}


.PTER { 
  animation: rotation 1s infinite linear;
  animation-direction: alternate;
  position: absolute;
      top: 15vw;
      left: 40vw;
}

.PTER:hover {
  animation: pause;
  opacity: 1;
  transform: scale(1.1);
}

.PTER:active {
  transform: scale(1.5);
}

.DILO {
  animation: rotation 0.7s infinite linear;
  animation-direction: alternate;
  position: absolute;
      top: 25vw;
      left: 23vw;
}  
.DILO:hover {
  animation: pause;
  transform: scale(1.1);
}

.DILO:active {
  transform: scale(1.5);
}

.PARA {
  animation: rotation 0.65s infinite linear;
  animation-direction: alternate;
  position: absolute;
  top: 42vw;
  left: 52vw;
}

.PARA:hover {
  animation: pause;
  transform: scale(1.1);
}

.PARA:active {
  transform: scale(1.5);
}

.TREX {
  animation: rotation 0.8s infinite linear;
  animation-direction: alternate;
  position: absolute;
  top: 42vw;
  left: 31vw;
}

.TREX:hover {
  animation: pause;
  transform: scale(1.1);
}

.TREX:active {
  transform: scale(1.5);
}

.TRI {
  animation: rotation 0.9s infinite linear;
  animation-direction: alternate;
  position: absolute;
  top: 21vw;
  left: 60vw;
}

.TRI:hover {
  animation: pause;
  transform: scale(1.1);
}

.TRI:active {
  transform: scale(1.5);
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-20deg);
  } 
}

.Music {
  font-family: "OldEnglishFive";
  font-size: 1.6vw;
  opacity: 1;
  position: absolute;
  top: 21vw;
  left: 50vw;
}


.Photos {
  font-family: "OldEnglishFive";
  font-size: 1.6vw;
  opacity: 1;
  position: absolute;
  top: 50vw;
  left: 65vw;
}

.Art {
  font-family: "OldEnglishFive";
  font-size: 1.6vw;
  opacity: 1;
  position: absolute;
  top: 40vw;
  left: 30vw;
}

.Writing {
  font-family: "OldEnglishFive";
  font-size: 1.6vw;
  opacity: 1;
  position: absolute;
  top: 37vw;
  left: 70vw;
}

.Links {
  font-family: "OldEnglishFive";
  font-size: 1.6vw;
  opacity: 1;
  position: absolute;
  top: 52vw;
  left: 45vw;
}
  
.PTER p {
  opacity: 0
}
  
.imgtxt:hover span, .imgtxt:focus span {
  opacity: 1;
}