body {
  font-family: Arial;
  margin: 0px;
  padding: 0px;
}

.topnav {
  background-color: #0a0a0a;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: white;
  color: black;
}

#center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.bottombar {
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #0a0a0a;
  overflow: hidden;
  color: white;
  padding: 10px;
  position: fixed;
  /* Set the navbar to fixed position */
  bottom: 0;
  /* Position the navbar at the bottom of the page */
  width: 100%;
  /* Full width */
  margin: 0px;
}

.header-img h1 {
  text-align: center;
  padding: 65px;
  margin: 0px;
  font-size: 6em;
  color: white;
}

.header-img {
  background-image: url("https://newevolutiondesigns.com/images/freebies/polygon-wallpaper-13.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#centera {
  position: relative;
  left: 20%;
}

.cicon {
  text-align: center;
}

.cicon i {
  text-decoration: none;
  font-size: 5em;
  margin: 0px;
  transition: all ease-in-out 150ms;
}

.fa-twitter {
  color: #1da1f2;
  transition: all ease-in-out 150ms;
}

.fa-twitter:hover {
  text-shadow: 0px 0px 8px #1da1f2;
  transition: all ease-in-out 150ms;
}

.fa-youtube {
  color: #ff0000;
  transition: all ease-in-out 150ms;
}

.fa-youtube:hover {
  text-shadow: 0px 0px 8px #ff0000;
  transition: all ease-in-out 150ms;
}

.fa-discord {
  color: #23272a;
  transition: all ease-in-out 150ms;
}

.fa-discord:hover {
  text-shadow: 0px 0px 8px #23272a;
  transition: all ease-in-out 150ms;
}

.cicon h1 {
  font-size: 3em;
}