body {
  background-color: black;
}

@font-face{ 
  font-family: "space_age";
  src: url('space_age.eot');
  src: local("Space Age"), url('space_age.ttf') format("truetype");
}

#logo
{
     border: solid 1px black;
    position: absolute;
    left: 50%;
    top: 30%;
    background-color: black;
    z-index: 100;

    height: 100px;
    margin-top: -50px;

    width: 384px;
    margin-left: -192px;
}

#text
{
  font-family: "space_age";
  color: #fff;
  font-size:32px;  
  text-align: center;
  padding-top: 20px;


}


#name-text
{
	
  font-family: "space_age";
  color: #fff;
  font-size:18px;
/*  padding-top: 20px;*/

}


#massive-text
{
  font-family: "space_age";
  color: #00f;
  font-size:64px;
  text-align: center;
  padding-top: 20px;


}


#fourzerofour
{
  font-family: "space_age";
  color: #fff;
  font-size:128px;
  text-align: center;
  padding-top: 20px;


}


.grid-container {
     background-color: black;
 
	padding-top: 50px;
	display: grid;
  grid-template-rows: 256px 256px 256px;
  grid-template-columns: 256px 256px 256px;
  grid-gap: 3px;
/*  align: center;*/
/*  justify-content:center;
  align-content: center;*/
}

.grid-item {

/*justify-self: center;*/

/*display: flex;
  justify-content: center;
  align-items: center;
 border: 2px solid black;
 margin: auto;*/
/*  font-size: 3em;*/
}