@font-face {
    font-family: 'KB-Pitch-Run';
    src: url('../fonts/KBPitch-Run.woff2') format('woff2'),
         url('../fonts/KBPitch-Run.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KB-VolkSans';
    src: url('../fonts/KB_volksans_Normal.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

KB_volksans_Normal.woff2 

html, body {
	background: transparent;
	overflow: hidden;
}

body {
	margin: 0;
	padding: 0;
}

* {
	font-family: KB-Pitch-Run, Arial;
}

.container {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	aspect-ratio: 2074 / 107;
	width: 100%;
	background: url(../images/background.svg) no-repeat 0 0;
	background-size: 100.1% 100%;
}

.container .items {
	margin-left: 18%;
	display: flex;
	overflow: hidden;
}

.container .items .item {
	display: flex;
	flex-direction: column;
	margin-right: 1.75vw;
}

.item .player {
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding-top: 0.66vw;
	color: #131417;
	white-space: nowrap;
	line-height: 1.32vw;
	font-size: 1.32vw;
	height: 1.88vw;
}

.item .points {
	color: #fff;
	text-align: center;
	padding-top: 0.66vw;
	color: #DEE4EC;
	white-space: nowrap;
	line-height: 1.32vw;
	font-family: KB-VolkSans, Arial;
	font-size: 1.4vw;
	height: 1.8vw;
}

.item.display {
	position: absolute;
}

.item.shadow .player {
	opacity: 0;
	visibility: hidden;
}

.item.shadow .points {
	opacity: 0;
	visibility: hidden;
}