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

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

.h1 {
  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;
}

.h2 {
  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;
}

.h3 {
  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;
}
.p1 {
  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;
}
.p2 {
  font-family: Georgia, serif;
  font-size: 20px;
  letter-spacing: 1.4px;
  word-spacing: 2px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: none;
}
.p3 {
  font-family: Georgia, serif;
  font-size: 20px;
  letter-spacing: 1.4px;
  word-spacing: 2px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: none;
}
.p4 {
  font-family: Georgia, serif;
  font-size: 20px;
  letter-spacing: 1.4px;
  word-spacing: 2px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: none;
}
.p5 {
  font-family: Georgia, serif;
  font-size: 20px;
  letter-spacing: 1.4px;
  word-spacing: 2px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: none;
}

.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: 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;
}

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

.flexbox {
  display: flex;
}

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

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