@font-face {
  font-family:"8pt";
  src: url("8pt.ttf") format("trueType");
}


h6 {
    color:#7f7f7f;
    font-size: 50%;
}

body {
  background: linear-gradient(180deg,#ff6363,#ff924a,#ffd663,#9cff63,#95f5df,#8a82ff,#ab61ff,#ff85ed,#ff85ed,#ff6363);
  color: #ffffff;
  font-family: '8pt', Fallback, sans-serif;
  font-size: 150%; 
}

/* ??? */
div.m {
	border-style: inset;
  border-width: 10px;
  border-color: #8a8a8a;
	background-color: black;
	margin:100px;
}

div.l {
  text-indent: 100px;
  text-align: left;
}

div.column {
  box-sizing: border-box;
  float: left;
  width: 33.33%;
  padding: 5px;
}

div.row::after {
  content: "";
  clear: both;
  display: table;
}
   
   
header {
    padding: 50px 20px 20px;
}

nav {
    padding: 10px;
}


main {
    padding: 0px 75px 10px;
}

footer {
  padding: 10px;
  color:#7f7f7f;
}

a:link {
  color:#1c5aff
  }
  
  
  @media only screen and (max-width: 800px) {
  body {
    font-size: 100%;
  }
  
  div.m {
    margin:10px;
  }
  
  img {
  width: 70%;
  height: auto;
  }
  
  main {
    padding: 10px 25px 10px;
}
}