@font-face {
	font-family: "FreeSans";
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/FreeSans.ttf);
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: FreeSans;
	color: #ffffff;
	letter-spacing: 1px;
}

body {
	background: url(../media/splash.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover;
	background-attachment: fixed;
}

table.fuckThisImUsingTables {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.fuckThisImUsingTables td {
	vertical-align: middle;
	text-align: center;
	margin: 0;
	border: 0;
	padding: 0;
	
}

#content {
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
}

#masthead {
	margin-bottom: 2em;
}

#masthead img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0.3;
}
.cell {
	margin-right: 2em;
	margin-left: 2em;
	margin-bottom: 2em;
	display: inline-block;
}

.inactive {
	opacity: 0.5 !important;
	pointer-events: none;
}

.image-cell {
	height: 200px;
}

.image-cell img, .image-cell img:link, .image-cell img:visited {
	height: 100%;
	object-fit: contain;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 19px rgba(0, 0, 0, 0.32);
}

.image-cell img:hover {
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.image-cell img:active {
	border: 1px solid rgb(4, 241, 253);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);

}


.text-cell {
	margin-top: 1em;
}

.divider {
	height: 3px;
	width: 100%;
	background-image: linear-gradient(to right, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 100%, 100%, 0) 100%);
	margin-bottom: 2em;
	margin-top: 1em;
}

#description {
	
	padding-right: 1em;
	padding-left: 1em;
}

#description p {
	text-align: justify;
	line-height: 2em;
}