/* font stuff */
@font-face {
	font-family: "Mustica Pro";
	src: url("../assets/MusticaPro-SemiBold.otf") format("opentype"),
		url("../assets/MusticaPro-SemiBold.woff2") format("woff2"),
		url("../assets/MusticaPro-SemiBold.woff") format("woff");
}

@font-face {
	font-family: "Roboto Light";
	src: url("../assets/Roboto-Light.ttf") format("truetype");
}

/* general look */
body, html {
	text-shadow: 2px 3px 5px rgba(0,0,0,0.5);
	background: rgba(10,16,19,1);
}

h3 {
	font-family: "Roboto Light", Tahoma, Sans-Serif;
	font-weight: 100;
	font-style: italic;
	color: #fefefe;
	font-size: 1.5em;
}

h1 {
	font-family: "Mustica Pro", Tahoma, Sans-Serif;
	color: #000c13;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: orange;
	font-size: 4.5em;
}

/* for temp landing page */
#centeredContent {
	padding: 10% 0;
    text-align: center;
}

.bigText {
	width: 100%;
	height: 50%;
}

.smallText {
	width: 100%;
	height: 50%;
}

/* livestream embed */
#liveEmbed {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.mainContent {
	float: left;
	width: 80%;
	height: 100%;
	border: none;
}

.chat {
	float: left;
	width: 20%;
	height: 100%;
	border: none;
}

/* cs major countdown */
#countdownBox {
	overflow: hidden;
	line-height: 50%;
	text-align: left;
	font-weight: 1000;
	width: 600px;
	height: 200px;
	margin: 1px;
	padding-left: 40px;
	padding-top: 3px;
	padding-bottom: 7px;
	background: rgba(10,16,19,.95);
	border-radius: 50px;
}

.countdownDescription {
	width: 100%;
	height: 50%;
	border: none;
}

.countdownMain {
	width: 100%;
	height: 50%;
	border: none;
}