@font-face {
  font-family: "Windows Regular";
  src: url(Windows.ttf);
}

body {
  color: black;
  font-family: Verdana;
  background-color: rgba(47, 96, 130, 1);
  background-repeat: repeat;
  background-size: 200px;
}

.greettext {
  font-family: "Windows Regular";
  outline: solid;
  outline-color: white;
  outline-width: 1px;
  color: rgba(0, 0, 0, 1);
  background-color: rgba(189, 190, 189, 1);
  width: 75vw;
  text-align: center;
  position: relative;
  left: calc(calc(75vw - 75vw/2) + 0.5vw);
  transform: translate(-50%, 0);
  height: 120px;
  overflow: hidden;
}

.greettext::before {
  font-kerning: none;
  color: white;
  content: "Greeting_Text.txt";
  text-align: left;
  padding-left: 3px;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: calc(100% - 3px);
  background: rgba(0, 0, 123, 1);
}

.main {
  font-family: "Windows Regular";
  outline: solid;
  outline-color: white;
  outline-width: 1px;
  color: rgba(0, 0, 0, 1);
  background-color: rgba(189, 190, 189, 1);
  width: 75vw;
  text-align: center;
  position: relative;
  left: calc(calc(75vw - 75vw/2) + 0.5vw);
  transform: translate(-50%, 0);
  top: 10px;
}

.main::before {
  font-kerning: none;
  color: white;
  content: "Main.txt";
  text-align: left;
  padding-left: 3px;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: calc(100% - 3px);
  background: rgba(0, 0, 123, 1);
}

.flex {
  display: flex;
  flex-direction: row;
}

.flex2 {
  display: flex;
  flex-direction: row;
}

.vertflex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bigtext {
  font-size: 50px;  
}

.medtext {
  font-size: 25px;  
}