@font-face {
    font-family: mtgps;
    src: url(https://www.flycatchers.com/flycatchers/fonts/sqr721n-webfont.woff);
}
@font-face {
	font-family: mtgps_bold;
    src: url(https://www.flycatchers.com/flycatchers/fonts/sqr721be-webfont.woff);
}
@font-face {
	font-family: viper;
    src: url(https://www.flycatchers.com/flycatchers/fonts/ViperSSIv2.woff);
}   
@font-face {
	font-family: copper;
    src: url(https://www.flycatchers.com/flycatchers/fonts/copperplate.woff);
} 
body {
  background: #000000;
  font-family: mtgps, verdana, calibri;
  color:#eeeeee;
  line-height: 22px;
}

div.main {
    position: absolute;
    width: 98%;
    height: 95%;
    background: #000000;
    color: gray;
    line-height: 90vh;
    text-align: center;
    font-size: 16px;
    border-radius: 12px;
    margin: 5px 5px;
    border: 2px solid gray;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: mtgps, verdana, calibri;
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;  
  font-family: copper, verdana, calibri;
}

h3{
  font-size: 16px;
  color: #cc0b0c;
  font-weight: 100;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #eeeeee;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: navy;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}