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

a {
  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: 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;
}

.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: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

h2 {
  margin-left: 15px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 30px;
  letter-spacing: 1.2px;
  word-spacing: 0px;
  font-weight: 700;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: uppercase;
  color: white;
}
p {
  margin-left: 100px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
  word-spacing: 0px;
  font-weight: 700;
  text-decoration: none solid rgb(68, 68, 68);
  font-variant: normal;
  text-transform: uppercase;
  color: white;
}

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

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

.heading {
  font-family: georgia;
  font-size: 20px;
  font-style: bold;
  margin-left: 60px;
}