nav ul {
  list-style: none; /* Removes bullet points */
  padding: none;       /* Removes default padding */
  margin: none;        /* Removes default margin */
  display: flex;    /* This is the key change */
  justify-content: center; /* Centers the items within the container */
}

nav li {
  margin: none; /* Adds space between items */
}

nav a {
  text-decoration: none; /* Optional: removes underlines */
}

@font-face {
font-family: starborn;
src: url(https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf);
}

@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}

h1{
  font-family:'starborn';
  font-size: 3em;
   margin: 38px;
   margin-top: 100px;
  margin-left: 400px;
  margin-right: 0px;
   position: absolute;
  padding: none;
  float:center;
  left: 1px;
  color: transparent;
background: url("https://files.catbox.moe/db8ne8.png") repeat-x #fff;
background-clip: border-box;
background-size: 200% 100%;
background-clip: text;
-webkit-background-clip: text;
transition: background-position-y 0.6s ease;
-webkit-transition: background-position-y 0.6s ease;
animation: waveAnimation 4s infinite linear;
-webkit-animation: waveAnimation 4s infinite linear;
-webkit-animation-play-state: running;
animation-play-state: running;
/* below just adds the outlines */
filter: drop-shadow(1px 1px white) drop-shadow(-1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px -1px white)
drop-shadow(1px 1px black) drop-shadow(-1px 1px black) drop-shadow(1px -1px black) drop-shadow(-1px -1px black);
}
@-webkit-keyframes waveAnimation{
from { background-position-x: 0%; }
to { background-position-x: 200%; }
}
@keyframes waveAnimation{
from { background-position-x: 0%; }
to { background-position-x: 200%; }
}
p1{
 font-family:'pixel';
  font-size: 2em;
   margin: 38px;
   margin-top: 200px;
  margin-left: 400px;
  margin-right: 0px;
   position: absolute;
  padding: none;
  float:center;
  left: 1px;
}