@charset "UTF-8";
*
{
	padding:0;
	margin:0;
}
body
{
	background-color:black;
	font-family: courier new, courier;
	font-weight: bold;
	color:white;
	font-size: 15px;
}
#whole_page
{
	height: 100%;
	overflow-y: scroll;
	scroll-snap-type: y mandatory;
}
.panel
{
	scroll-snap-align: start;
	width:100%;
	min-height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.panel .text
{
	max-width:600px;
	padding: 5%;
	text-shadow:
		-1px -1px 1px #000,  
		1px -1px 1px #000,
		-1px 1px 1px #000,
		1px 1px 1px #000;
}
.top { margin-top: 0; margin-bottom: auto; padding-bottom:0px }
.bottom { margin-bottom: 0; margin-top: auto; padding-top:0px }
.left { margin-left: 0; margin-right: auto; padding-right:0px }
.right { margin-right: 0; margin-left: auto; padding-left:0px }
.middle { margin: auto; padding-bottom:0px; }
.centered
{
	text-align: center;
}
a
{
color:white;
}
p
{
	margin-top:10px;
}
.original_title
{
	font-size: 60%;
	font-style: italic;
}
/* If on mobile and with landscape orientation, make scroll magnet more flexible */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	#whole_page
	{
	scroll-snap-type: y proximity;
	}
}