body {
  background-color: darkslategrey;
  color: azure;
  font-size: 1.1em;
  margin:0; /*gets rid of white space around body*/
  margin-top:16px;
  height:150vh; /*you can let your content define it's height*/
  position:relative; /*REQUIRED Sets up positioning for your footer*/
}

.header {
  padding: 5px;
  font-family: 'Bangers' , serif;
  text-align: center;
  background: #BBE593;  
}

h1  {
       text-align: center;
	   font-family: 'Bangers' , serif;
       font-size: 50pt;
	   text-shadow: 4px 4px 4px #aaa;
       color: #D4020F;
       margin-bottom: 5px;
       text-decoration: green wavy overline;
    }
    
h2 {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 25pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: #78C165; 
     }
	 
h3 {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 15pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: #78C165; 
}

p {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 10pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: black; 
     }
	 
p2 {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 13pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: black; 
     }
	 
p3 {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 13pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: black; 
}

.footer {
  padding: 1px;
  font-family: 'Bangers' , serif;
  text-align: center;
  background: #BBE593;
  bottom: 0;
  width: 100%;
  position: absolute;
  color: orange;
  text-shadow: 1px 1px 1px #aaa;
}