/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  background-color: black;
  font-family: "Arial";
  padding: 5px 25px;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  color:white;
  }
/* unvisited link */
a:link {
  color: limegreen;
}

/* visited link */
a:visited {
  color: limegreen;
}
.button:hover {
  border: 3px solid #ffffff;
  text-shadow: #000000 0 1px 0;
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#00c800), to(#000000));
  background: -webkit-linear-gradient(top, #000000, #000000);
  background: -moz-linear-gradient(top, #000000, #000000);
  background: -ms-linear-gradient(top, #000000, #000000);
  background: -o-linear-gradient(top, #000000, #000000);
  background-image: -ms-linear-gradient(top, #000000 0%, #000000 100%);
  color:darkgray;
}
.button:active {
  text-shadow: #000000 0 1px 0;
  border: 3px solid #ffffff;
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background: -moz-linear-gradient(top, #ffffff, #ffffff);
  background: -ms-linear-gradient(top, #ffffff, #ffffff);
  background: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  color:darkgray;
}

p {
  #font-family: "Comic Sans MS";
  font-color: #ff0000;
  #font-size: 100px;
}

h1 {
  font-family: "Comic Sans MS", serif;
  font-size: 32px;
}
h2 {
  font-family: "Comic Sans MS", serif;
  font-size: 26px;
}
h3 {
  font-family: "Comic Sans MS", serif;
  font-size: 20px;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
{
  overflow-x: hidden;
}
.slider {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  overflow: hidden;
  background-color: #000; color: #FFF;
  transition: all 1s;
}