index.css

HTML
{
	background-image: url('index.png');
	background-position: top -15% left 20%;
	background-color: #000;
	margin:auto;
	margin-top:0;
	padding:0;
}

* {
	margin: 0;
	padding: 16;
	box-sizing: border-box;

}

@font-face{
    font-family: "Arcade";
    src: url("index.eot");
    src: url("index.eot?#iefix")format("embedded-opentype"),
        url("index.woff")format("woff"),
        url("index.woff2")format("woff2"),
        url("index.ttf")format("truetype"),
        url("index.svg#Arcade")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

body {
  font-family: 'Arcade';
  justify-content: center;
  margin: 0.5em;
  padding: 0.5em;
  color: #5a97d0;
  background-color: #0a4984;
}

/* unvisited link */
a:link {
  color: #5a97d0;
}

/* visited link */
a:visited {
  color: #5a97d0;
}

/* mouse over link */
a:hover {
  color: #5a97d0;
}

/* selected link */
a:active {
  color: #5a97d0;
}

H1 {
    margin-left: auto;
    margin-right: auto;
    font-size: 4vw;
    width: 100%;
}

H2 {
}

UL {
    margin:1em;
    padding:0;
}

LI {
    padding-bottom: 0.6em;
    font-size: 3vw;
}