h1 {
  color:Black;
  font-size:50;
}

h1.kyrgios {
  color: Red;
  font-size:35;
}

h1.Athletics {
  color: Orange;
  font-size:50;
}

h1.Football {
  color: Blue;
  font-size:50;
}

h2.Basketball {
  color: Red;
  font-size:35;
}

h2.Football {
  color: Blue;
  font-size:35;
}

h2.Athletism {
  color: Orange;
  font-size:35;
}

h3 {
  color: white;
  font-size:30;
}

p {
  color: white;
  font-size:20;
  }

img.football {
	border-style: solid;
	border-color: Blue;
	margin: 10px;
	padding: 5px;
}

img.kyrgios {
	border-style: solid;
	border-color: Red;
	margin: 10px;
	padding: 5px;
}

img.basketball {
	border-style: solid;
	border-color: Purple;
	margin: 10px;
	padding: 5px;
}

img.athletics {
	border-style: solid;
	border-color: Orange;
	 margin: 10px;
	padding: 5px;
	


	
}

body.Basketball{
	background-color: #eba991;
}

body.Athletism{
	background-color: #fccf8b;
}

body.Football{
	background-color:#67d6d4;
}

body.kyrgios{
	background-color:#67d6d4;
}

body {
    background-image: url("tennis.avif");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;


#grad {
    background-image: linear-gradient(yellow, #69a4d1); 
}

.bg-light {
	background-color:Orange !important; 
}


.falling-ball {
  position: absolute;
  top: -50px; /* Start above the screen */
  width: 30px;
  height: 30px;
  border-radius: 50%; /* Make it circular */
  background-color: yellow; /* Tennis ball color */
  animation: fall 3s infinite linear;
  pointer-events: none; /* Prevent interaction with the page */