/* FONTS */

@font-face {
  font-family: 'Matrix';
  src:  url('/fonts/dotmatrix.woff') format('woff');
}

@font-face {
  font-family: 'Thin';
  src:  url('/fonts/thin.woff') format('woff');
}

/* MAIN */

body {
  background-image: url("https://graphic-web.neocities.org/back.png");
  background-size: 100%;
  background-color: black;
  cursor: url("cursor.png"), auto;
  color: white;
  font-family: Helvetica;
}

div {
  font-size: 16px;
  text-align: center;
  color: grey;
  font-family: Helvetica;
  max-width: 600px; 
  width: 80%;     
  margin: 0 auto;   
}

 /*header type one */
h1 {
  padding: 60px;
  background: #191919;
  color: white;
  font-family: Matrix;
}

 /*header type two */
h2 {
  padding: 10px;
  color: white;
  font-family: Arial;
}

 /*header type three */
h3 {
  padding: 10px;
  color: grey;
  font-family: Arial;
}

h3 {
  padding: 10px;
  color: grey;
  font-family: Arial;
}  

footer {
  padding: 20px;
  font-family: Matrix;
}

/* LINKS */

/* unvisited link */
a:link {
  color: grey;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: grey ;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  cursor: url("select.png"), auto;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

/* selected link */
a:active {
  color: grey;
  text-decoration: none;
}

/* TABLES */

table {
  background-color: black;
  border: 1px solid grey;
  border-radius: 5px;
  padding: 20px;
}