<style type="text/css">

body,td,th {
	
	font-family: 'Croissant One';
	color: #000000;
	font-size: 20vw;
	font-weight: bold;
	font-variant: small-caps;
		font-style: oblique;
}
title {
	font-family: 'Croissant One';
	color: #000000;
	font-size: 20vw;
	font-weight: bold;
	font-variant: small-caps;
		font-style: oblique;
}
body {
	background-color: #000000;
}

#logo {
	width: 96%;
	height: 100px;
}
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #000000;
}
a:active {
	color: #FFFFFF;
}
h1 {
	font-family: 'Croissant One';
	color: #FFFFFF;
	font-size: 4vw;
  width: 50vw;
	align: center;
}
h2 {
	font-family: 'Croissant One';
	color: #464644;
	font-size: 2vw;
  width: 60vw;
	align: center;
}

h3 {
	font-family: 'Croissant One';
	color: #000000;
	font-size: 2vw;
  width: 60vw;
	align: center;
}
h4 {
	font-family: 'Croissant One';
	color: #FFFFFF;
	font-size: 3vw;
  width: 100vw;
	align: center;
}
h5 {
	font-family: 'Croissant One';
	color: #464644;
	font-size: 2vw;
  width: 100vw;
	align: center;
}
h6 {
	font-family: 'Croissant One';
	color: #464644;
	font-size: 1vw;
  width: 50vw;
	align: center;
}

p {
	font-family: 'Croissant One';
	color: #000000;
	font-weight: bold;
			font-style: oblique;
			text-align: center;
	font-size: 2vw;
  width: 60vw;
	align: center;
 } 


	
div {
    -webkit-column-rule: 4px double #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 4px double #ff00ff; /* Firefox */
    column-rule: 4px double #ff00ff;
}
.zoom:hover {
 transform: scale(2);
}


.footer {
  grid-area: footer;
  background-color: #f1f1f1;
  padding: 10px;
  text-align: center;
}


	
  .grid-container  {
	  position: relative;
	  top: 3%;
	  bottom: 3%;
   left: 3%;
	  width: 94%;	   
    }



.container {
	height: 100px;
		position: relative;
	top: 3%;
	  bottom: 3%;
   left: 3%;
	  width: 94%;
}
.content {
	padding: 10px 0;
}
	

</style>