@font-face {
	font-family: 'Academy';
	src: url('./NovaMono.ttf');
}

body {
	background-color: #000F00;
	margin: 0;
	padding: 0;

}

body * {
	font-size: 15pt;
	color: #EFEFEF;
	/*font-family: 'Academy';*/
	text-shadow: 0 0 3px #007F00;
}

body div.background {
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 0.5;
	background-image: url(http://www.billard-team-vogtland.de/wp-content/uploads/2025/01/BTV-180x198-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}


body div.content {
	filter: blur(0px);
	opacity: 1;
	transition: 0.1s filter linear;
	position:relative;
	top: 50px;
}

body div.content.invisible {
	filter: blur(100px);
	opacity: 1;
}

div.content div.main {
	position: absolute;
	width: 100%;
	text-align:center;
	top: -40px;
	font-size: 24pt;
}

div.content div.round {
	width: 33%;
	position: absolute;
	top: 0;
}

div.content div.round.vr1 { left: 0%; }
div.content div.round.vr2 { left: 33%; }
div.content div.round.vr3 { left: 66%; }

div.content div.round div.head {
	text-align: center;
	font-weight: bold;
}


div.game > div {
	display: inline-block;
}
div.game div.player {
	width: 40%;
	text-align:left;
}
div.game div.player:first-child {
	text-align: right;
}
div.game div.result {
	width: 20%;
	text-align: center;
}

div.table {
	position: absolute;
	top: 165px;
	left: 10%;
	width: 30%;
}

div.table div.header {
	text-align: center;
}

div.table > div > div {
	display: inline-block;
}

div.table > div > div.place {
	text-align: right;
	width: 10%;
}

div.table > div > div.name {
	text-align: left;
	width: 50%;
}

div.table > div > div.score, div.table > div > div.points {
	text-align: center;
	width: 20%;
}


div.mainround {
	position: absolute;
	top: 165px;
	left: 50%;
	width: 40%;
}

div.mainround div.text {
	font-weight: bold;
	text-align: center;
}

div.mainround div.game div.roundname {
	text-align: center;
	width: 40%;
}

div.mainround div.game div.player {
	width: 20%;
}
div.mainround div.game div.player:nth-child(2) {
	text-align: right;
}
div.mainround div.placeholder {
	height: 16px;
}