html * {
max-height: 999999px;
}

* {
  box-sizing: border-box;
  /* border: 1px solid rgba(0, 0, 0, 0.3); */
}

body {
  overflow-y: scroll;
}

a {
  color: black;
  text-decoration: none;
}

h1 {
  font-family: Arial, sans-serif;
  font-size:calc(3vw + 1vh) ;
  text-align: center;
  text-transform: uppercase;
}

h2 {
  font-family: Arial, sans-serif;
  font-size:calc(2.4vw + .9vh);
  text-align: center;
}

p {
  font-family:  monospace;
  font-size: 1.35em;
  text-size-adjust: none;
}

img {
  width: 100%;
  margin: auto;
}

ul {
  list-style-type: none;
  font-family:  monospace;
  font-size: 1.35em;
}

li {
  padding-bottom: 3%;
}

.body {
  width: 55vh;
  max-width: 90vw;
  margin: auto
}

.directory {
  padding-top: 1.35em;
  width: 400px;
  margin: auto;
}

.home {
  width: 7%;
  position: absolute;
  top: .1%;
  margin: auto;
}

.header {
  width: 100%;
  margin: auto;
}

.siema {
  width: 100%;
  margin: auto;
}

.title {
  font-style: italic;
  font-size: 1.35em;
  display: inline-block;
}

.content {
  width: 100%;
  margin: auto;
}

.prev {
  background-color: white;
  border: none;
}

.next {
  background-color: white;
  border: none;
}