*{
	margin:0;
	padding: 0;
	font-family: Century Gothic;
}
body{
	background-color: black;
}

.background{
	
	height: 100vh;
	width: 100%;
	background-image: linear-gradient(rgba(44,044.4,044,0.5),rgba(54,44,44,0.5)),url(back1.jpg);
	background-size: 100%;
	background-size: cover;
	background-position: center;

}


}	
.ul{
	float: right;
	list-style-type: none;
	margin-top: 50px;
	margin-right: 10px;
}

.ul li{
		list-style: none;
		display: inline-block;
		margin:  10px;
		position: relative;
}
.ul li a{
		text-decoration: none;
		color: white;
		padding: 15px 20px;
		border: 1px solid white;
		transition: 0.6s ease;
}
.ul li a:hover{
		background-color: white;
		color: black;
}

.logo{
		float: left;
		width: 450;
		height: 450;
		padding: 15px 20px;
		margin-left: -100;
		cursor: pointer;
}
.background{
		max-width: 2600px;
	
}
.clubs{
		left: 72px;
		bottom: 35px;
		position: absolute;
}
.clubs ul li{
		list-style: none;
		margin-top: 25px;
		text-align: center;
}
.clubs ul li a{
		color: white;
		border-radius: 20%;
		border: 2px solid white;
		padding: 10px;
		display: block;
}
.clubs ul li a:hover{
		background-color: white;
		color: black;
}
.clubs ul li h1{
		color: yellow;
		padding: 8px 12px;
		border-radius: 100%;
		border: 3px solid white;
}
.heading h1 a{
		color: yellow;
		padding: 15px 20px;
		border-radius: 30%;
		border: 3px solid white;
		cursor: pointer;
}
.heading h1 a:hover{
		background-color: white;
		color: black;
}
.heading h2{
		color: yellow;
		padding: 50px 50px;
}
.heading h3{
	color: yellow;
}
.heading p1{
	font-size: 20px;
	color: white;
	padding: 50px 15px;
}
.heading p2{
	font-size: 20px;
	color: white;
	padding: 50px 15px;
}
.end h1{
	font-size :50px;
	color: yellow;
	padding: 50px 15px;
	border: 3px solid white;
}
.footer {
    height: 20px;
    width: 100%;
    background-color: #333333;
	text-align: center;
	display: flex;
	justify-content: center;
	padding: 40px 0;
}

p.copyright {
    color: #fff;
    line-height: 20px;
    font-size: 1em;
}