@font-face {
    font-family: "Free Pixel"; 
    src: url(FreePixel.ttf) format(truetype);
      }

      html{
        background: black;
        background-image: url(stars.gif);
        color: aliceblue;
            /* For Firefox */
        overflow-y: scroll;
        scrollbar-color: #0023b1 #110830;
        scrollbar-width: thin;
      }

.header {
  width: 800px;
  margin: 0 auto;
  background: #000000;
  padding: 2px;
  font-family: 'Free Pixel';
}

.container {
  padding: auto;
    max-width: 950px;
    height: auto;
    display: flex;
    text-align: center;
    font-weight: 100;
    margin: auto;
}

.container1 {
  padding: 2px;
  margin: 0 auto;
  background: #000000;
  width: 550px;
  border: 5px solid;
  border-image: linear-gradient(to right, #020297, #b78aff, #d1ceff,  #b78aff, #020297) 1;
  font-family: 'Free Pixel';
}
#main{
border: 3px #0d033a solid; 
width: 750px;
padding: 10px;
margin: auto;
}

.footer{
  padding: 2px;
  max-width: 630px;
  height: auto;
  display: -ms-inline-grid;
  text-align: center;
  font-family: 'Free Pixel';
  margin: auto;
}

/*formatting*/

p{
  font-family: "Free Pixel";
  color: aliceblue;
  text-align: left;
}

a{
  font-family: 'Free Pixel';
  color: #2525e7;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

a:hover{
  color: #0051ff;
  text-shadow: 1px 1px 3px #2900e2;
}

h1, h2, h3{
  font-weight: 200;
}


hr{
  border-image: linear-gradient(to right, #020297, #b78aff, #d1ceff,  #b78aff, #020297) 1;
}

li{
  font-family: "Free Pixel";
  font-style: italic;
  color: aliceblue;
}

table{
  border: #020297 inset 3px;
  margin: auto;
  width: 100%;
}
th,
td {
  border: 1px solid rgb(21, 1, 202);
  padding: 4px;
  width: 3%;
}
td p{
  text-align: left;
  color: aliceblue;
  padding: 4px;
  margin: 0 auto;
}