/* Universal Styles*/
body {
  background-image: url("redweb.gif");
  background-repeat: repeat;
  color: #cdb7e2;
  font-family: "Quintessential";
  overflow-x: hidden;
}
h1, h2, h3 {
  font-family: "Jacquard 12";
}
div {
  background-color: black;
  width: 80%;
  border: 1px solid red;
  padding: 5%;
  margin: 5%;
  overflow-x: hidden;
}
a:hover{
  color:red;
  transition: all 1s;
  transition-timing-function: ease;
  }
/* Navigation  */
nav {
  background-color: black;
  color: #cdb7e2;
  width: 86%;
  border: 1px solid red;
  padding: 2%;
  margin: 2% 5%;
  overflow-x: hidden;
}
nav a{
  color: #cdb7e2;
  font-family: "Micro 5";
  font-size: 30px;
  text-decoration:none;
  padding: 1%;
}
/* Blinker after nav links  */
nav a::after {
  content: "";
  font-family: "Micro 5";
  width: 6px;
  height: 16px;
  background: #cdb7e2;
  display: inline-block;
  animation: cursor-blink 1.5s steps(2) infinite;
}
@keyframes cursor-blink {
  0% {
    opacity: 0;
  }
}

/* Spider Animation */
#spiderwalk {
  bottom: 0;
  position: absolute;
  animation: linear infinite;
  animation-name: run;
  animation-duration: 20s;
  border: none;
  background: none;
  width: 150px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
@keyframes run {
  0% {
    right: -10%;
  }
  50% {
    right: 50%;
  }
  100% {
    right: 100%;    
  }
}