/* Import Modules */
@import url(modules/header.css);
@import url(modules/episodes.css);
@import url(modules/hero.css);

@font-face {
	font-family: "AT Black";
	src: url("fonts/at-black.otf") format("opentype");
	font-weight: boldest;
	font-style: normal;
}
@font-face {
	font-family: "AT Light";
	src: url("fonts/at-light.otf") format("opentype");
	font-weight: medium;
	font-style: normal;
}
@font-face {
	font-family: "AT Medium";
	src: url("fonts/at-medium.otf") format("opentype");
	font-weight: medium;
	font-style: normal;
}

:root {
	--primary-color: #d62f4e;
	--secondary-color: #202020;
}
body {
	margin: 0;
	padding: 0;
	background-color: var(--secondary-color);
}

main {
	padding: 1em 2.5em;
	box-shadow: inset 0 30px 50px -8px rgba(0, 0, 0, 0.7);
}

footer {
	background-color: var(--secondary-color);
	color: #fff;
	padding: 1em 20px;
	text-align: right;
	font-weight: bold;
	a {
		color: var(--primary-color);
		text-decoration: none;
	}
}

.hidden {
	display: none;
	visibility: hidden;
}