:root {
	--pozadi: lightskyblue;
	--score: white;
}

html {
	box-sizing: border-box;
}

*,
*:after,
*:before {
	box-sizing: border-box;
}

body {
	margin: 600;
	padding: 30;
	

	/*  vyzkoušej i jiná pozadí :)
	background-image: url('obrazky/pozadi/round.png');
)	background-image: url('obrazky/pozadi/whirlpool.png');
	background-image: url('obrazky/pozadi/weather.png');
	background-image: url('obrazky/pozadi/swirl.png');
	background-image: url('obrazky/pozadi/seigaiha.png');
	background-image: url('obrazky/pozadi/hypnotize.png');
	*/
}

.pozadi {
	height: 800px;
	width: 800px;
	border: 5px solid #e20089;
	border-radius: 5px;
	border-style: inset;
	margin: auto;
	margin-top: 5%;
	margin-left: 5%;
	position: absolute;
	background-image: linear-gradient(131deg, #252e83 20%, #e20089 100%);

	/* background-color: var(--pozadi);
	background-repeat: repeat;
	background-image: url('obrazky/pozadi/weather.png') */;
}

#score {
	position: absolute;
	top: 50px;
	left: 50px;
	font-family: 'Patrick Hand', sans-serif;
	font-size: 50px;
	z-index: 999;
	color: var(--score);
	
}

#casovac {
	position: absolute;
	top: 150px;
	left: 50px;
	font-family: 'Patrick Hand', sans-serif;
	font-size: 40px;
	z-index: 999;
	color: var(--score);
}

#startbutton {
	position: absolute;
	top: 360px;
	left: 550px;
	font-family: 'Patrick Hand', sans-serif;
	font-size: 30px;
	padding: 5px;
	z-index: 999;
	color: var(--score);
	background-image: linear-gradient(131deg, #252e83 10%, #e20089 100%);
}

#startbutton:hover {
	background-image: linear-gradient(131deg, #252e83 30%, #e20089 100%);
}
#zpetWeb {
	position: absolute;
	top:820px;
	left:380px;
	display: none;
}


#vitezhlaska {
	position: absolute;
	top: 50px;
	left: 200px;
	font-family: 'Patrick Hand', sans-serif;
	font-size: 25px;
	z-index: 999;
	color: var(--score);
}
h5 {
	font-size: 30px;
}


#panacek,
#mince {
	position: absolute;
}

#panacek {
	z-index: 1;
		
}

#mince {
	top:120px;
	left:620px;
	border-radius: 50%;
	box-shadow: 3px 3px 10px rgba(160, 149, 155, 0.5);;
}

a {
	color:#e01a4f
}
#qr {
	position: absolute;
	top:250px;
	left:250px;
	display: none;
}