* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.2;
}

@font-face {
  font-family: times;
  src: url('Times New Roman.ttf');
}

body {
  overflow: hidden;
  background-color: black;
  font-family: times;
}

img {
  position: absolute;
  top: -5%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 77;
}


header {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 20%;
  z-index: 99;
}

header a {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%,-50%);
  font-size: 1.2rem;
  color: black;
  text-decoration: none;
  font-family: times;
}

header a:hover {
  color: black;
}

header a:visited {
  color: black;
}

header a:active {
  color: black;
}

footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

footer p {
  color: white;
  padding: 1%;
}

footer a {
  color: white;
}


footer a:hover {
  color: white;
}

footer a:visited {
  color: white;
}

footer a:active {
  color: white;
}