@font-face{
    font-family: "CronenbergLight";
    src: url("fonts/Cronenberg-Light.otf");
    font-weight: light;
}

@font-face{
    font-family: "CronenbergRegular";
    src: url("fonts/Cronenberg-Regular.otf");
    font-weight: normal;
}

@font-face{
    font-family: "CronenbergBold";
    src: url("fonts/Cronenberg-Bold.otf");
    font-weight: bold;
}

body{
	background-color: black;
	color: #ff4500;
	font-size: 40px;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	column-gap: 40px;
	padding: 2em 0 0 0;
	margin: 0;
}

ul, li{
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

table{
	grid-column: 2 /span 6;
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
}

td{
	vertical-align: top;
	padding-right: 101px;
}

tr td:first-child{
	border: 0;
	padding-right: 41px;
}

.left{
	font-family: 'CronenbergLight', serif;
	text-align: right;
}

.right{
	font-family: 'CronenbergBold', serif;
}

.empty{
	color: black;
	text-shadow: none;
}

p, h1{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1, p {
	text-shadow: 0 0 3px red;
	/* color: transparent; */
}

.title{
	grid-column: 2/span 6;
	text-align: center;
	vertical-align: middle;
	height: 100vh;
}

.centered{
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
	vertical-align: middle;
}

.right-align{
	text-align: right;
}

.light{
	font-family: 'CronenbergLight', serif;
}

.regular{
	font-family: 'CronenbergRegular', serif;
}

.bold{
	font-family: 'CronenbergBold', serif;
}

.container{
	height: 110px;
    display: inline-flex;
    margin: 50px;
    max-width: 200px;
}

.container > img{
	max-height: 100%;
	max-width: 100%;
}

@media screen and (max-width: 300px) {

}