body {
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 800px;
  width: 94%;
  margin: 0 auto 32px;
  font-family: "Courier New", Courier, monospace;
}

#logo_container {
  height: 100vh;
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#logo {
  height: auto;
  width: 80vw;
  max-width: 470px;
  margin-bottom: 32px;
}

main div {
  line-height: 1.5;
  margin-bottom: 32px;
  font-size: 1.2em;
}

header {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 800px;
  width: 94%;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 2.5em;
  margin-bottom: 16px;
}

#player {
  margin-bottom: 24px;
}

#background {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;

  /*  background-image: url("../assets/pictures/remana_4.jpeg");
  background-size: cover;
  filter: blur(2px);
  -webkit-filter: blur(2px); */
}

@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
  }
}