@font-face {
    font-family: T;
    src: url("tr.otf") format("opentype");
}

@font-face {
    font-family: T;
    font-weight: bold;
    src: url("tb.otf") format("opentype");
}

@font-face {
    font-family: Beedii;
    src: url("Beedii.woff");
}

html {
	background: #000000;
	padding: 15px 35px 15px 35px;
}

*:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
	background: #141414;
}

* {
	font-family: T, Helvetica Neue, Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
}

.stream {
	position: relative;
	padding: 0px;
	display: block;
	float: left;
	margin: 13px 8px 13px 8px;
	text-align: left;
	color: #ffffff;
	border-radius: 2px;
}

.stream:hover {
	background: #ffffff;
	color: #000000;
	-moz-transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	-ms-transition: background 0.5s;
	transition: background 0.5s;
}

.streamer {
	margin: 0 0 3px 15px;
    width: 565px;
	font-weight: bold;
	font-size: 37px;
}

.title {
	margin: 3px 0 3px 15px;
    width: 565px;
    height: 32px;
	font-size: 26px;
	overflow: hidden;
}

.game {
	margin: 3px 0 10px 15px;
    width: 565px;
	font-size: 26px;
    font-weight: bold;
    /*font-style: italic;*/
	overflow: hidden;
}

.viewers {
    position: absolute;
    top: 7px;
    left: 7px;
    color: #ffffff;
    font-size: 24px;
    padding: 3px 8px 3px 4px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
}

#video-container {
	width: 100%;
	height: 100%;
	background: #000000;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

#video-player {
	width: 100%;
	height: 100%;
}

#chat-container {
	width: 450px;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	display: flex;
	flex-direction: column-reverse;
	padding: 0 20px 0 20px;
	overflow: hidden;
}

#chat-container.leftAligned {
	left: 0;
	right: auto;
}

#chat-container.rightAligned {
	left: auto;
	right: 0;
}

#chat-container .message {
	color: #ffffff;
	font-size: 22px;
	/*padding: 4px 0px 4px 0px;*/
	margin-bottom: 16px;
	/*border-radius: 15px;*/
	/*-webkit-text-stroke: 1px black;*/
	/*text-shadow: -3px 0 6px black, 0 3px 6px black, 3px 0 6px black, 0 -3px 6px black;*/
}

#chat-container .message img {
	/*width: 40px;*/
	height: 40px;
	vertical-align: middle;
	padding: 0 2px 0 2px;
}

#chat-container .message .emoji {
	font-size: 38px;
	font-family: Beedii;
	vertical-align: middle;
	display: inline-block;
	padding: 0 5px 0 5px;
}

#chat-container .message .user {
	font-weight: bold;
}

.vjs-minimalistic .vjs-error-display.vjs-modal-dialog {
	display: none;
}