* {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

body, html {

	padding: 3px 3px 3px 3px;

	background-color: #363339;

	font-family: "Fantasque Sans Mono", "GamerGlyphs", Consolas, monospace;
	font-size: 1em;
	text-align: center;

}

table {

	margin: auto;

}

a:link{

	color: #000099

}

a:visited{

	color: #000099;

}

a.hidden:link{

	color: #000000;
	text-decoration: none;

}

a.hidden:visited{

	color: #000000;
	text-decoration: none;

}

div.fortune-box{

	width: 81%;
	max-width: 726px;
	padding: 1.25%;
	background-color: #C6C6C6;
	margin: auto;
	text-align: left;
	border-radius: 10px;

}

div.main{

	width: 90%;
	max-width: 806px;
	border-radius: 10px;
	margin: auto;
	text-align: left;
	background-color: #C6C6C6;
	padding: 1.25%;
	column-count: 2;
	box-sizing: border-box;

}

div.title{

	column-span: all;
	text-align: center;

}

div.spacer{

	column-span: all;

}

div.date{

	text-align: left;
	font-weight: bold;

}

div.time{

	text-align: right;
	font-weight: bold;

}

div.footer{

	text-align: center;
	column-span: all;

}

div.content{

	text-align: left;
	column-span: all;

}

h1{

	font-size: 2em;
	font-weight: bold;

}

p{

	font-size: 1em;

}

iframe{

	outline: 2px inset black;

}

.footer-gif{

	width: 50px;
	image-rendering: pixelated;

}

.navbar{

	column-span: all;
	margin: auto;
	text-align: center;

}

.navbar a{

	text-decoration: none;
	color: #363339;
	background-color: #C7C7C7;

}

.navbar a:hover{

	text-decoration: initial;
	color: #C7C7C7;
	background-color: #363339;

}