@font-face
{
	font-family: 'DejaVu Serif';
	src: url('/DejaVuSerif.woff');
	font-display: swap;
}

html
{
}

body
{
	color: black;

	font-family: 'DejaVu Serif', 'Sans Serif', 'Times New Roman', 'times';
	font-size: 15px;
	line-height: 23px;

	background-image: url('/background.png');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #bd6717;
}

input
{
	color: black;
	background-color: white;
}

.banner
{
	background: rgba(0, 0, 0, 0.1);

	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.banner img
{
	width: 100%;
	height: auto;
}

.container
{
	background: rgba(255, 255, 255, 0.95);

	max-width: 800px;
	width: 95%;

	border-color: black;
	border-style: solid;
	border-width: 2px;
}

.navigation
{
	width: 100%;

	font-size: large;

	padding-top: 3px;
	padding-bottom: 5px;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.navigation a
{
	padding: 5px;
}

.contentHolder
{
	padding: 10px;
	padding-bottom: 15px;
}

h2
{
	background-color: grey;

	color: red;

	border-color: red;
	border-style: dotted;
	border-width: 3px;
}

.justify
{
	text-align: justify;
}

.strike
{
	text-decoration: line-through;
}

.highlight
{
	color: blueviolet;
	background-color: #DDD;

	padding: 2px;
}

.extraPadding
{
	padding-right: 5px;
	padding-left: 5px;
}

.mainpageVideo
{
	width: calc(100% - 6px);
	padding: 3px;
}

.leaderboardTable
{
	width: calc(100% - 30px);
	max-width: calc(100% - 30px);
	margin: 15px;
}

.leaderboardTable  td
{
	max-width: 35vw;
	border: none;
	word-wrap: break-word;
}

.leaderboardTable tr
{
	border-left-style: solid;
	border-color: black;
	border-left-width: 1px;
}

.offline
{
	color: red;
}

.online
{
	color: green;
}


.donationTable
{
	background-color: #DDD;

	border-collapse: collapse;
	border-style: ridge;
	border-width: 3px;
	border-color: black;

	width: 95%;
}

.donationTable td
{
	border-collapse: collapse;
	border-style: ridge;
	border-width: 3px;
	border-color: black;
}

.donationTable p
{
	padding-left: 3px;
}

@media (max-width:  700px)
{
	.collapseColumn
	{
		display: none;
	}
}