h1 {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 0px;
  margin-left: 0px;

}


h3 {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}
h2 {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #212121;
    max-width: 1400px;
 display: inline;
}




nav {

   padding: 1rem;

}


nav {
  background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);

}


@font-face {
  font-family: one;
  src: url("Eigerdals Heavy.OTF");
   font-weight: bold;
}
@font-face {
  font-family: two;
  src: url("Crikey Squats Regular.ttf");
   font-weight: bold;
}
@font-face {
  font-family: sans;
  src: url("sans.ttf");
   font-weight: bold;
}

h1 {
  font-family: one;
}

h2 {
  font-family: sans;
}
nav ul {

   list-style-type: none;

    padding: 0;

    margin: 0;

    display: flex;

    justify-content: space-around;

}

body {
  background-image: url("2.gif");
  background-repeat: repeat;
}

nav a {

    color: white;

   text-decoration: none;

    font-size: 1.rem;



}
nav a:hover {

    color: #a2b2ff;

}



nav a:active {

    color: #006aff;

}

h2 {

    color: #60d2ff;

}




nav a {

    transition: color 0.3s ease;

}
body{

    color: rgb(255, 255, 255);
}


.credit {
    font-size: 35px;
}