/*
Peachy: #FA8785
Light Orange/Yellow: #FAAF32
Orange: #FA8532

*/
@font-face {
  font-family: myFont;
  src:url(Foxgrab.ttf);

/*
  font-family: myFont2;
  src:url(RetroBanker.ttf);
*/
/*  
  font-family: myFont3;
  src:url(TheWyomingFont.ttf);
*/
/*
  font-family: myFont4;
  src:url(Foxgrab.ttf);
  font
  */
}

body {
  font-family: myFont; /*Need to update based on which font-face you select from above*/
  margin: 0;
  padding: 0;
  /*background-image: url(CyberspaceBrain.jpg); */
  background-size: cover;
  background position: center;
}

header {
  color:#FA8532;
  background: transparent;
  padding: 20px;
  text-align: center;
}

h1 {font-size: 45px;}

h2 {font-size: 30px;}



p {
  font-size: 20px;
}


.main-content {
  color:#FA8532;
  padding: 20px;
  text-align: center;
}

footer {
  position: fixed; /*The footer will stay in place*/
  bottom: 0;
  left: 0;
  Right: 0;
  background: transparent;
  color:#FA8532;
  padding: 10px;
  text-align: center;
}