body {
	font-family:comic sans ;
	font-size:0.5rem ;
}
#playingArea{
	position:absolute ;
	border: 1px solid black ;
	background-color:skyblue ;
	background-size:cover ;
	top:10px ;
	left:10px ;
	box-shadow: 5px 5px 10px black ;
	border-radius:25px ;
}

#paddle {
	position:absolute ;
	bottom:30px ;
	left:228px ;
	width:64px ;
	height:16px ;
	background-image: radial-gradient(white, black) ;
	border-radius:50% ;
}

#ball {
	position:absolute ;
	top:8px ;
	left:100px ;
	width:25px ;
	height:25px ;
	border-radius:50% ;
	background-image: url('Poland.png') ;
	background-size:cover ;
}

#score {
	position:absolute ;
	bottom:0px ;
	left:0px ;
	width:calc(100% - 10px) ;
	height:20px ;
	color:white ;
	background-color:green ;
	padding:5px ;
	border-radius: 0px 0px 25px 25px ;
	background-size:cover ;
	transition:0.5s ;
}

#controls {
	position:absolute ;
	z-index:5 ;
	top:40px ;
	width:200px ;
	margin-left:calc((100% - 216px)/2) ;
	border: 1px solid black ;
	border-radius:25px ;
	padding-bottom:5px ;
	text-align:center ;
	background-color: white ;
	box-shadow: 5px 5px 10px black ;
	display:none ;
}

#controls h3 {
	color:black ;
	background-color:lime ;
	padding:10px 5px ;
	margin-top:0px ;
	border-radius: 25px 25px 0px 0px ;
}

#controls button, #controls select {
	border: 1px solid black ;
	padding:5px ;
	margin:5px ;
	min-width:100px ;
	border-radius:25px ;
	box-shadow: 0px 5px 10px black ;
}

#controls button:hover, #controls select:hover {
	border: 1px solid black ;
	padding:5px ;
	margin:5px ;
	min-width:100px ;
	border-radius:25px ;
	box-shadow: 0px 5px 10px black ;
	cursor:pointer ;
	background-color:black ;
	color:white ;
	transition:0.5s ;
	opacity:50% ;
}

#gear {
	position:absolute ;
	top:20px ;
	right:20px ;
	font-size:1.5rem ;
	border-radius:50% ;
	height:50px ;
	width:50px ;
}

#gear:hover {
	position:absolute ;
	top:20px ;
	right:20px ;
	font-size:1.5rem ;
	border-radius:50% ;
	cursor:pointer ;
}

fieldset {
	text-align:left ;
	width:70% ;
	margin: 10px auto ;
}

#paddle:hover {
	cursor:grab ;
}

#paddle:active {
	cursor:crosshair ;
}