* {
  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;
  font-family: times;
}

iframe {
  width: 100%;
  height: 100%;
  border-style: hidden;
}

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

header img {
  width: 25%;
  height: 100%;
  float: left;
  z-index: 77;
}

.sky img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

h1 {
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 20%;
  height: 100%;
}

h2 {
  position: absolute;
  left: 20%;
  bottom: 0%;
  width: 20%;
  height: 100%;
}

h3 {
  position: absolute;
  left: 40%;
  bottom: 0%;
  width: 20%;
  height: 100%;
}

h4 {
  position: absolute;
  right: 20%;
  bottom: 0%;
  width: 20%;
  height: 100%;
}

h5 {
  position: absolute;
  right: 0%;
  bottom: 0%;
  width: 20%;
  height: 100%;
}

header a {
  z-index: 99;
  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;
}

h1 a {
  z-index: 99;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  background: transparent;
}

h2 a {
  z-index: 99;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  background: transparent;
}

h3 a {
  z-index: 99;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  background: transparent;
}

h4 a {
  z-index: 99;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  background: transparent;
}

h5 a {
  z-index: 99;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  background: transparent;
}