@font-face {
    font-family: 'Arcade';
    src: url(ARCADECLASSIC.TTF);
}
@font-face {
    font-family: 'Video';
    src: url(HomeVideo-BLG6G.ttf);
}
body {
    background-image: url(images/STARS-Sheet.png);
}
*{
    box-sizing: border-box;
}
a:link{color: limegreen;}
a:visited{color: lime;}
body{background-color: black;}
h1{font-size: 150%;
  font-family: 'Video';
  color: lime;
  text-align: center;}
h2{
  font-size: 100%;
  font-family: 'Arcade';
  color: white;}
ul{
  font-size: 100%;
  font-family: 'Video';
  color: white;
  text-align: start;}
p{  
  color: white;
  font-family: 'Arcade';
  font-size: 100%;
  text-align: center;}
.box{
  background-color: black;
  color: white;
  border: 0.4vw solid white;
  margin: 10px;
  padding: 0.01vw;
  font-family: 'Arcade';
  text-align: center;}
header {
  background-color: black;
  border: 0.5vw outset lime;
  padding: 1px;
  font-size: 1.2vw;
  color: lime;}
nav {
  float: left;
  width: 18vw;
  padding: 1vw;
  margin: 0.1px;}
article {
  float: left;
  width: 60vw;
  padding: 1px;
  margin: 0px;
  margin-left: 11vw;}
  section::after {
  content: "";
  display: table;
  clear: both;}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 5px;
}
.column {
  -ms-flex: 33%;
  flex: 33%;
  max-width: 33%;
  padding: 0 4px;
}
.column img {
  margin-top: 8px;
  vertical-align: right;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
}
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}