@font-face {
    font-family: 'VHS Gothic';
    src: url('assets/vhs-gothic.ttf') format('truetype');
}

button, input, select, textarea, a, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'VHS Gothic', sans-serif;
}

body, html, .h-center, .v-center {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  background-image: url(assets/darkpaper.png);  
}

.main {
  width: 95%;
  height: 95%;
}

.h-center {
  display: flex;
  justify-content: center;
}

.v-center {
  display: flex;
  align-items: center;
}

.content {
  background-image: url(assets/space.png); 
  border: solid 1px white;
  width: 1280px;
  height: 760px;
}

.separator {
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #fff;
  margin-bottom: 10px;
  margin-top: 10px;
}

.text, .text2 {
  font-size: 20px;
  color: white;
}

.text2 {
  font-size: 15px;
}

iframe {
  border: solid 5px white;
  margin: 20px;
}

.menubar {
  width: 100%;
  height: 30px;
  background: solid;
  background-color: #333;
}

.menu-button {
  font-size: 20px;
  color: white;
  height: 30px;
  margin: 10px;
  text-decoration: none;
}