body {
  display: flex;
  font-family: 'Arial';
	background-image: url('yellowhands.jpeg');
	background-repeat: repeat;
  background-size: 700px auto;
  background-attachment: fixed;
  background-position: left;
  width: 100%;
  height: 100%;
  cursor: url('blackberry-curs.png'), auto;
  overflow-x: clip;
  justify-content: center;
  align-content: center;
}

#logo-animation {
  width: 500px;
  height: 500px;
  position: relative;
  display: flex;
  margin: auto 0 auto 0;
}
 .letter1 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-1.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }
 .letter2 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-2.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }
 .letter3 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-3.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }
 .letter4 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-4.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }
 .letter5 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-5.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }
 .letter6 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-6.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }
 .letter7 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-7.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }
 .letter8 {
   width: 100%;
   height: auto;
   content: url('logoani-TG-8.png');
   position: absolute;
    z-index: 5;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
 }



@keyframes letter-1 {
  0% {transform: scale(0.1) }
  100% {transform: scale(1.0) }
}