body {
  background-image: url("../images/teemo.jpg");
  background-size: 2220px;
}

a {
  color: black;
  font-family: impact;
  text-decoration: none;
  font-size: 30px;
  margin: 10px;
}

.navbar {
  text-align: left;
  -moz-transform: translate(120px, -70px);
  -webkit-transform: translate(120px, -70px);
  -o-transform: translate(120px, -70px);
  -ms-transform: translate(120px, -70px);
  transform: translate(120px, -70px);
}

.index {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.aboutus {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.skills {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.resume {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.gallery {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.contactus {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.faq {
  font-family: impact;
  color: #000;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18,
    0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18;
}

.animation {
  position: relative;
  animation-name: mymove;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
}

@keyframes mymove {
  from {
    left: -100px;
  }
  to {
    left: 0px;
  }
}

.Y {
  color: cornflowerblue;
}

.K {
  color: turquoise;
}

.H {
  color: greenyellow;
}

.P1 {
  color: yellow;
}