h1 {
  color: red;
}
p {
  color: white;
}
body {
 /* background-image: url("https://yourmother.me/images/BWD_Wallpaper.png"); */
background-color: rgb(74, 74, 74);

}
h4 {
  color: black;
}
a {
  color: purple;
  font-size: 20px;
}
#Games {
  position: relative;
  left: 160px;
  top: -90px;
  font-size: 27px;
}
#Discordsvrs {
  position: relative;
  left: 245px;
  top: -121px;
  font-size: 27px;
}
#Contact {
  position: relative;
  left: 383px;
  top: -152px;
  font-size: 27px;
}
/*#bigpic {
  height: 1200px;
  width: 1800px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: -400px;
   z-index: -1; 
}*/
.container{
width: 90%;
margin: 0 auto;
}
header {
  background: rgb(37, 36, 34);
}
header::after {
content: '';
display: table;
clear: both;
}
.logo {
  float: left;
  padding: 10px;
  width: 155px;
}
nav {
  float: right;
}
nav ul {
  margin: 10;
  padding: 0;
  list-style: none;
}
nav li{
  display: inline-block;
  margin-left: 100px;;
  padding-top: 25px;
  position: relative;
}
nav a {
  color: rgba(179, 32, 224, 0.733);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
}
nav a::hover{
  color: #000;
}
nav a::before{
  content: '';
  display: block;
  height: 5px;
  width: 100%;
  background-color: rgba(179, 32, 224, 0.733);
  position: absolute;
  top: 0;
  width: 0%;
  transition: all ease-in-out 250ms;
}

nav a:hover::before{
  width: 100%;
}
.bottom {
  position: relative;
  left: 0%;
  top: 600px;
}
.copyright-container {
  box-sizing: border-box;
  padding-right: 2px;
  padding-left: 2px;
  background-color: black;
  text-align: center;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 150px;
  color: turquoise;
}