@font-face {
    font-family: 'IBM';
    src: url(fonts/Flexi_IBM_VGA_False.ttf);
}

/* 4-color palette: black, white, cyan, magenta*/

html{
   margin: 0;
   padding: 0;
   
   background-image: repeating-linear-gradient(
      to right,
      black,
      black 4px,
      magenta 4px,
      magenta 6px
   );
   background-size: 6px 100%;
   
   /*background-color: cyan;*/
}

body{ 
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   font-family: 'IBM';
   color: white;
}

a{
   color: white;
   text-decoration: none;;
}

a:hover{
   color: cyan;
}

header{
   margin-left: auto;
   margin-right auto;
   margin-top: 1em;
   padding: 1em;
   background-color: black;
   text-align: center;
}

nav{
   margin-left: auto;
   margin-right auto;
   margin-top: 1em;
   padding: 1em;
   background-color: black;
   text-align: center;
}

main{
   margin-left:auto;
   margin-right:auto;
   margin-top: 1em;
   padding: 1em;
   background-color: black;
   text-align: center;
}

footer{
   margin-left:auto;
   margin-right:auto;
   margin-top: 1em;
   margin-bottom: 1em;
   padding: 1em;
   background-color: black;
   text-align: center;

}

.post{
   padding: 1em;
   text-align: left;
}