body {
	font-family: Arial Narrow;
	letter-spacing: 3px;
	font-size: 1.4em;
	text-align: center;
  background-color: grey;
  margin: 0;
  background-image: url(images/left_banner.png), url(images/right_banner.png);
  background-position: left, right;
  background-repeat: repeat-y, repeat-y;
  background-size: 200px, 200px;
}

a 
{
	color: #a337a5;
	text-decoration: none;
}

a:hover
{
	color: black;

}

.gif
{
  max-width: 100%;
  max-height: 100vh;
  margin: auto;
}

.gifbox
{
  display: grid;
  height: 100%;
}

h2 
{
	font-size: 1.3em;
	font-weight: 700;
}

h3
{
 font-family: Arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  position: relative;
  z-index: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.text
{
	width: 100%;
	background-color: #27e1c8;
	padding: 10px;
}

.top_banner
{
  background-image: url(images/top_banner_tile.png);
  background-repeat: repeat-x;
  background-size: 400px 150px;
}