body {
	background-image: url(gif/best.gif);
	background-size: cover; 
	padding: 3px;
}
.k {
	color:  white;
	font-size: 1.5em; 
	font-weight: bold; 
	background-color:#0000001a; 
	font-weight: bold;
	font-family: 'Courgette';
}
.d {
	display: flex;
	list-style-type: none;
	background-color: #4055bb96;
	height: 60px; 
	margin: left:0px;

}
.dli{
	margin: 2px 6px 2px 0px;
	font-weight: bold;
	font-size: 31px;
	color: white;
	border-bottom: 1px solid white;
}
.dli:hover {
	
	color: red;
	font-size: 40px;
	font-weight: bold;
	border-bottom:  1px solid blue;
	
}
.dli:active {
	border-bottom: 1px solid red;
}

.a {
	background-image: url(gif/new.gif);
	overflow: all;
	background-size: cover;
	width: 100%;
	height: 300px;
	display: inline-block;
	border-bottom: 7px solid #4055bb96;
}
.a:hover {
	background-image: url(gif/neww.gif);
		background-size: cover;
	width: 100%;
	height: 300px;
	display: inline-block;
	border-bottom: 7px solid #4055bb96;
}

.b {
	transition: 5s;
	position: sticky;
	top: 0px;
	display: flex;
	list-style-type: none;
	background-color: #4055bb96;
	height: 60px; 
	text-align: center;
}
.c {
	margin: 9px;
	font-weight: bold;
	font-size: 30px;
	color: white;
	border: 1px double line white; 
}
.c:hover {
	
	color: red;
	
}
.c:active {
	/*border-bottom: 3px solid red;*/
	color: red; 
}
.cbutton {
	float: right;
	/*display: inline-block;*/
	margin: 15px 4px 10px 250px;

}
.e {
	color: white;
	background-color: black;
	font-family: 'Berkshire Swash';
}
.f {
	width: 20%;
	float: right;
}
.g {
	width: 100%;
}
.h {
	width: 30%;
	float: right;
	height: 600px;
}
.j {
	color: white;
	font-size: 2em;
	font-weight: bold;
	background-color: #0000007a;
	font-family: 'Courgette';  
}
.l {
	color: white;
	font-size: 2em;
	font-weight: bold;
	background-color: #0000001a;
	/*display: inline-block;*/
	border: 2px solid blue;
	/*height: 50px;*/
}
.l:hover {
	
	color: red;
	/*border-bottom: 1px solid red;*/
	font-size: 2em;
	font-weight: bold;
	border: 2px solid red;
	
}
.m {
	width: 100%;
	height: 400px;
	background-size: cover;
	background-image: url(gif/best.gif);
}

.n {
	color: white;
	padding: 1px;
	border-radius: 10px;
	font-size: 2em;
	font-weight: bold;
	/*background-color:#008000a6;*/
	text-align: center;
	margin: 6px 40px 6px 0px;
}
.n:hover {
	color: black;
	font-size: 2em;
	font-weight: bold;
	background-color:orange;
	text-align: center;
	margin: 6px 40px 6px 0px;
}
.o {
	text-align: center;
	list-style-type: none;
}
.q {
	color: white;
	font-size: 2em;
	font-weight: bold;
	background-color:#000000c7;
	text-align: center;
	margin-left: 40%; 
}
.r {
	color: #ffee57;
	margin: 130px 2px 10px 50px;
	float: right;
	font-size: 4em;
	background-color: #0000006b;
	display: inline-block;

}


.t {
	float: right;
	width: 26%;
	margin: 10px 80px 50px 30px;
}
.u {
	/*text-align: center;*/
	border: 2px solid orange;
	height: 350px; 
	background-color: orange; 
}
.v {
	
	color: black;
	font-size: 3em;
	margin: 100px 400px 50px 30px;
}
.w {
	background-image: url(gif/pom1.gif);
}
.x {
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	background-color: #0000007a;
	font-family: 'Courgette';
}
.z {
	color: white;
	margin: 30px; 
}
.z:hover {
	color: blue;
}

.ab {
	float: right;
	width: 30%;
	height: 300px;
	margin: 10px 80px 50px 30px;
}
.aa {
	/*text-align: center;*/
	border: 2px solid orange;
	height: 600px; 
	background-color: orange; 
	overflow: scroll;
}
.ac {
	
	color: black;
	font-size: 2em;
	margin: 100px 400px 50px 30px;
}
.ad {
	float: right;
	display: inline-block;
	width: 50%;
}
.ag {
	float: left;
	display: inline-block;
	width: 50%;
}
.ah {
	color:  white;
	font-size: 1.5em; 
	font-weight: bold; 
	background-color:#0000001a; 
	font-weight: bold;
	font-family: 'Courgette';
	margin: 0px 20px 0px 300px;
	display: inline-block;
}
.ai {
	height: 2000px;
	float: left;
	width: 20%;
	display: inline-block;
}