body
{
	background-color: #191314;
	height: 100%;
	overflow: scroll;
    -webkit-overflow-scrolling: touch;
}


img
{
	width:100%;
	object-fit: contain;
}

a
{
	text-decoration:none;
}

p
{
	font-family: 'Trebuchet MS', sans-serif;
	color: #191314;
	font-size:110%;
}

h1
{
	font-family: 'Trebuchet MS', sans-serif;
	color: #191314;
	font-size:260%;
}

h5
{
	font-family: 'Trebuchet MS', sans-serif;
	color: #191314;
	font-size:250%;
}


.containment
{
	display:flex;
	flex-direction: column;
	justify-content: center;
	margin: 20% auto;
	gap:0px;
	
	width: 50%;
}


.content
{
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items:stretch;
	
	
	padding:0%;
	
	
	border-width: 30px 30px 30px 30px;
	-moz-border-image: url('images_index/screentone2.png') 17 17 17 17 round round;
	-webkit-border-image: url('images_index/screentone2.png') 17 17 17 17 round round;
	-o-border-image: url('images_index/screentone2.png') 17 17 17 17 round round;
	border-image-source: url('images_index/screentone2.png');
	border-style: solid solid solid solid;
	-moz-box-sizing: border-box;

}

.peanutgallery
{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
	background-color:#E5A685;
	padding: 5% 5% 0% 5%;
}

.foot
{
	display:flex;
	background-color:#E5A685;
	justify-content:center;
}

h5:hover
{
	animation-name: in;
	animation-iteration-count: 1;
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;

}

h5:not(:hover)
{
	animation-name: out;
	animation-iteration-count: 1;
	animation-duration: .3s;
	animation-timing-function: ease-out;
}


@keyframes in {
  0% {transform:scale(1)}
  100% {transform:scale(2)}
}

@keyframes out {
  0% {transform:scale(2)}
  100% {transform:scale(1)}
}

@media only screen and (orientation:portrait)
{


}