@font-face {
  font-family: teletext;
  src: url(Px437_IBM_EGA8.ttf);
}

@media only screen and (max-width: 1070px) {
  .content-link-container {
    flex-direction: column;
    align-items: center;
  }

  .link-container {
    margin: 3em .67em; 
  }
}

@media only screen and (min-width: 1070px) {
  .content-link-container {
    flex-direction: row;
    margin: 0 auto;
  }

  .link-container {
    margin: 0 4em;
  }
}

body {
  font-family: teletext;
  color: #00ff00;
  background: #F0FFF0;
  margin:0;
  padding:0;
  width:100%;
  height:100%
}

h1, .content-container {
  background: black;
  opacity: 85%;
  padding: .5em;
}

h1 { 
  padding: .8em;
  margin-bottom: .67em; 
  margin-top: 0;
}

.large-box-shadow {
  box-shadow: 4px 20px 20px 20px #f400ff;
}

.small-box-shadow {
  box-shadow: 4px 10px 10px 10px #f400ff;
}

.small-box-shadow:hover {
  box-shadow: 4px 10px 10px 10px #38ffff;
}

.large-box-shadow:hover {
  box-shadow: 4px 20px 20px 20px #38ffff;
}

.red-shadow {
  text-shadow: 4px 4px 0px #000, 8px 8px 0px #38ffff, 12px 12px 0px #000, 16px 16px 0px #f400ff;
}

.content-link-container {
  display:flex;
  justify-content: center;
}

.link-container {
  display: flex;
  align-items: center;
  font-size: 2.5em;
}

.content-container {
  display: flex;
  width: 23em;
  opacity: 85%;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.form-field {
  margin: 5% 0;
  display: flex;
  flex-flow: column-reverse;
  color: #38ffff;
  font-size: x-large;
}

.errors-heading {
  padding-left: 1em;
}

.error {
  color: #cd770d;
}

h2.error {
 text-align: center;
}

div.error {
  font-size: large;  
}

a {
  text-decoration: none;
  background: black;
  color: #00ff00;
  padding: .5em;
  border-radius: 10px;
}

label {
  margin-right: 10px;
}

input[type="file"] {
  font-family: teletext;
  font-size: small;
}

input[type="text"], textarea {
  background-color : #d1d1d1;
  font-family: teletext;
  font-size: large;
  border-radius: 5px;
  padding: .5em;
}

input[type="text"] {
  height: 10px;
}

input[type="submit"] {
  font-family: teletext;
  font-size: x-large;
  padding:10px 15px; 
  margin: 10px 0;
  background:#ccc; 
  cursor:pointer;
  -webkit-border-radius: 5px;
  border: 6px solid grey;
  border-radius: 5px;  
}

input[type="submit"]:hover:not([disabled]) {
  background: #929592;
}

input[type="submit"]:disabled {
  cursor: default;
}


textarea { 
  vertical-align: top;
  resize: vertical;
} 

.ldBar {
  margin-bottom: 1em;
}

.ldBar path.mainline {
  stroke-width: 30;
  stroke: #00ff00;
}

.ldBar path.baseline {
  stroke-width: 30;
}