@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'alienleague';
  src:url("../font/alienleague.ttf") format('truetype');

}


*{box-sizing: border-box;}
p{color:white;}

body, html {
  height: 100%;
  margin: 0;
}

body{
	background-image: url("/img/bg.png");
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000000;
    font-family: 'alienleague';
	font-size:1.425em;
}

.wrapper{
	margin:auto;
    /*width je řízený přes break points sešit*/
	height:100%;
}




.hlas1,.hlas2,.hlas3,.hlas4{
	width:220px;
	height:55px;
	border-radius:22px;
	
}

.jmeno1,.jmeno2{
	
	text-align: center;
	color:aliceblue;
	text-transform: uppercase;
	font-size: 1.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	font-weight: bolder;
	border-radius:22px;
}

.score_board{
	
	text-align: center;
	color:white;
	background-image:url("../img/oval.png");
	background-size:contain;
	text-transform: uppercase;
	background-repeat:space;
	background-position: content;
}

.logo{
	position:absolute;
	width:233px;
	height:92px;
	margin: auto; 
    margin-left: auto; 

	text-align: center;
   
}


h1{
	margin:0px;
}

.player1,.player11{
	border:5px solid red;    
    border-radius:50%;   
}

.jmeno1,.jmeno11{
	background-color: red;    
   
}

.player2,.player22{
	border:5px solid blue;    
    border-radius:50%;
}

.jmeno2,.jmeno22{
	background-color: blue;    
   
}

.result{
	position: absolute;
	margin-left: auto; 
    margin-right: auto;
}

.result1,.result2,.result3{
	color:aliceblue;
	text-transform: uppercase;
	text-align: center;
	
}





	.result1{
		width:100%;
		height:100%;
		
		
}