style.css

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	height: 100vh;
	width: 100vw;
	/*background-color: lightblue;*/
	background: url(https://media.giphy.com/media/t97z6I8fNXhi8/giphy-downsized.gif);
}
h2 {
	text-align: center;
	font-family: Helvetica, sans-serif;
	color: black	;
	border: 2px solid black; 
	background: linear-gradient(yellow,red);
}
#info{
	text-align: center;
	color: white;
}
#ball {
	/*background: linear-gradient(red, blue);*/
	/*background: radial-gradient(circle at center, darkgrey 0, grey , lightgrey 100%);*/
	height: 50px;
	width: 50px;
	/*border-radius: 50px;
	border: 2px solid black;*/
	position: fixed;

}
#paddle1 {
	width: 20px;
	height: 120px;
	border-radius: 30%;
	background: blue;
	border: 2px solid black; 
	position: fixed;
}
#paddle2 {
	width: 20px;
	height: 120px;
	background: blue;
	border-radius: 30%;
	border: 2px solid black;
	position: fixed;
}