body {
	background: #202020;
	--size: 60px;
	--padding: 10px;
}
.page-header {
	border-bottom-color: #111;
}
.page-header img path {
	fill: #fff;
}
.page-header img {
	height: 100%;
	width: 20%;
	float: left;
}
.page-header small {
	color: #fff;
	margin-left: 10px;
	opacity: .5;
}
@media(max-width: 767px){
	.page-header small {
	    display: block;
	    text-align: center;
	}
	.page-header img {
		width: 100% !important;
		height: 40px;
	}
	body {
		--size: 50px;
		--padding: 5px;
	}
	a.item i {
		font-size: calc( var(--size) / 1.8 )
	}
	.row > div:first-of-type {
	    line-height: 20px !important;
	    font-size: 12px !important;
	    text-align: right !important;
	    opacity: .8 !important;
	    margin-bottom: -20px !important;
	    position: relative !important;
	    z-index: 1 !important;
	    /*padding-right: calc( var(--size) / 1.5 ) !important;*/
	    padding-right: 20px;
	}
	h2 {
		text-align: center;
		border: none !important;
	}
}
@media(min-width: 768px){
	.page-header small::before {
		content: '- ';
	}
}
a.item {
	position: relative;
    color: #fff;
    display: block;
    width: 100%;
    height: var(--size);
    margin-bottom: calc( var(--size) / 2.5 );
    line-height: var(--size);
    font-size: calc( var(--size) / 2.5 );
    font-weight: bold;
    /*border-radius: 5px;*/
    /*box-shadow: 3px 3px 3px rgb(0,0,0,.5);*/
    /*border-radius: calc( var(--size) );*/
}
a.item i,
a.item img {
	width: var(--size);
	height: var(--size);
	line-height: calc( var(--size) - (var(--padding) * 2) );
	text-align: center;
	float: left;
	padding: var(--padding);
}
a.item small {
	float: right;
	font-size: calc( var(--size) / 3 );
	opacity: .7;
	padding-right: var(--padding)
}
a.item b {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a.item.copied b:first-of-type,
a.item:not(.copied) b:last-of-type {
	opacity: 0;
}
a.item b:first-of-type {}
a.item b:last-of-type {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
a.item:not([href]) {
	opacity: .5;
	text-decoration: none !important;
	cursor: default;
}
a.item:not([href]) small {
	opacity: 1 !important;
}
.row > div:first-of-type {
    color: #fff;
    line-height: var(--size);
    font-size: calc( var(--size) / 2.5 );
}
hr {
    border-top: 1px solid #111;
}
.footer {
	background: #111;
}
.footer .row {}
.footer .row a {}
.footer .row,
.footer .row * {
    font-size: 12px !important;
    line-height: 50px !important;
    color: #fff !important;
    font-weight: bold;
}
.footer .row i {
	color: #f00 !important;
}
h2 {
	color: #fff;
	border-bottom: 2px solid #fff;
	opacity: .3;
	font-size: 20px;
}
.twitch {
	color: #fff !important;
	background: #9146ff;
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.imprint {
	color: rgba(255,255,255,.5);
}
.imprint a {
	color: inherit;
}
.imprint h2 {
	color: #fff;
	opacity: 1;
}