@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: orangered;
	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;
	line-height: 1.1em;
}

.empty{
	color: black;
}

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

/* p, li{
	text-shadow: 0 0 2px orangered;
	color: transparent;
} */

ul{
	grid-column: span 4;
	margin-bottom: 2em;
}

.centered{
	text-align: center;
	grid-column: 2/span 6;
	margin-bottom: 2em;
}

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

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

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

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

@media screen and (min-width:600px) {
  body{
	font-size: 18px;
  }

}