*{
	margin:0px;
	padding:0px;
	
}
#ab{
width:97%;
height:auto;
margin:auto;
border: 1px solid rgb(148,148,148);
}
header{
width:100%;
height:150px;
border-bottom:1px solid black;
background:black;

}
#ab1{
width:10%;
height:150px;
float:left;
position:absolute;
padding: 20px 0px 0px 20px;
}
#ab2{
width:50%;
height:150px;
border-bottom:1px solid black;
background-color:black;
margin:0px 400px 0px 0px;

float:right;

}
#ab3{
width:17%;
height:45px;
border:1px solid black;
border-radius:20px;
position:absolute;
background-color:rgb(255,186,0);
color:black;
padding:10px;
font-family:Cooper Black;
font-size:30px;
margin:50px 0px 120px 860px;
text-align:center;
line-height:30px;
float:right;

}
nav{
width:100%;
height:90px;
border-bottom:1px solid black;
background-color:black;
}
 nav ul li { 
width:12%;
height:30px;	
background-color:black;
display:inline-block;
color:white;
font-family:Impact;
text-align:center;
line-height:30px;
padding:5px;
}
nav ul li:hover {
margin-top:5px;
display:inline-block;	
background:rgb(148,148,148);
text-align:center;
color:rgb(255,186,0);
font-family:Cooper Black;
border:1px solid rgb(255,186,0);	
border-radius:30px 30px 30px 30px;	
}

#rr{
display:none;
}
 nav ul li:hover #rr{
display:block;
position:absolute;	
background:black;
color:rgb(255,186,0);
cursor:pointer;
}
#rr:hover summary{
display:inline-block;
padding:6px;
}
#rr1{
display:none;
}
nav ul li:hover #rr1{
display:block;
position:absolute;	
background:black;
color:rgb(255,186,0);
cursor:pointer;
}
#rr1:hover summary{
display:inline-block;
padding:6px;
}
nav ul li a {
color:white;
text-decoration:none;
}
nav ul li a:hover{
background:rgb(148,148,148);
text-align:center;
color:rgb(255,186,0);
font-family:Cooper Black;
}
#abc{
width:100%;
height:550px;
border-bottom:1px solid blue;

background:black;
}
#abc1{
width:97%;
height:550px;
position:absolute;
}
#abc2{
width:10%;
height:100px;
float:left;
position:absolute;
}
#a{
width:100%;
height:400px;
background:white;

}
#a article h4{
width:10%;
height:22px;
color:black;
padding:10px;
border:2px solid black;
border-radius:18px ;
background:rgb(255,186,0);
font-family:Broadway;
margin:10px 900px 0px 0px;
text-align:center;
line-height:15px;

}
#a1{
width:28%;
height:100px;
display:inline-block;
padding-top:12px;
margin:1px 0px 0px 0px;
}
#a1 p{
width:60%;
height:15px;
color:rgb(255,186,0);
padding:10px;
border:2px solid black;
border-radius:18px ;
background:black;
font-family:Broadway;
margin:10px 0px 0px 0px;
text-align:center;
line-height:15px;	
}
#a2{
width:28%;
height:100px;
display:inline-block;
margin:1px 0px 0px 10px;
padding-top:1px;
}
#a2 p{
width:60%;
height:15px;
color:rgb(255,186,0);
padding:10px;
border:2px solid black;
border-radius:18px ;
background:black;
font-family:Broadway;
margin:10px 0px 0px 0px;
text-align:center;
line-height:15px;	
}
#a3{
width:28%;
height:100px;
display:inline-block;
margin:1px 0px 0px 10px;
padding-top:12px;
}
#a3 p{
width:60%;
height:15px;
color:rgb(255,186,0);
padding:10px;
border:2px solid black;
border-radius:18px ;
background:black;
font-family:Broadway;
margin:10px 0px 0px 0px;
text-align:center;
line-height:15px;	
}
#a4 {
width:10%;
height:30px;
color:black;
padding-right:20px;
border:2px solid black;
border-radius:18px ;
position:absolute;
right:5%;
margin:1px 0px 700px 1100px;
background:rgb(255,186,0);
font-family:Broadway;
text-align:center;
line-height:20px;	
}
#a4 a{
color:black;
text-decoration:none;	
}
.a11{
width:80%;
height:250px;
}
#b{
width:100%;
height:600px;
border-bottom:1px solid black;
}
#b1{
width:100%;
height:600px;
display:inline-block;
}
#b11{
width:50%;
height:600px;
float:left;
}
#b11:hover{
cursor:progress;
}
#b12{
width:50%;
height:600px;
float:left;
}
#b12:hover{
cursor:progress;
}
#b13{
width:30%;
height:14px;
color:white;
display:inline-block;
position:absolute;
left:10%;
font-family:Rockwell;
margin:450px 0px 0px 0px;
text-align:center;
line-height:17px;	
}
#b14{
width:40%;
height:14px;
color:white;
display:inline-block;
position:absolute;
left:50%;
font-family:Rockwell;
margin:450px 0px 0px 0px;
text-align:center;
line-height:17px;
}
#b15{
width:20%;
height:150px;
float:left;
margin:200px 1200px 0px 0px;
position:absolute;
padding: 20px 0px 0px 20px;

}
#c{
width:100%;
height:500px;
border-bottom:1px solid black;
}
#c11{
width:100%;
height:500px;
}
#cd{
width:100%;
height:	500px;	
}
.cd12{
width:60%;
height:500px;
}
#d{
width:100%;
height:800px;
border-bottom:1px solid black;
}
#d11{
width:100%;
height:800px;
}
#d12{
width:30%;
height:20px;
color:black;
display:inline-block;
position:absolute;
left:5%;
font-family:Showcard Gothic;
font-size:50px;
margin:20px 0px 0px 0px;
text-align:center;
line-height:50px;	
padding-bottom:90px;
border-bottom:10px  solid rgb(255,186,0);

}
#d13{
width:30%;
height:20px;
color:black;
display:inline-block;
position:absolute;
left:5%;
font-family:Cooper Black;
font-size:20px;
margin:150px 0px 0px 0px;
text-align:center;
line-height:30px;	
padding-top:10px;
border-top:10px  dashed rgb(255,186,0);

}
#e{
width:100%;
height:350px;
border-bottom:1px solid black;
}
#e11{
width:100%;
height:350px;

}
#ef{
width:100%;
height:700px;
display:flex;
background:black;
}
.ef1{
width:50%;
height:350px;
float:left;
}
.ef2{
width:50%;
height:350px;
float:left;
}
#ef4{
width:100%;
height:400px;
left:2%;
margin:100px 0px 0px 0px;
position:absolute;
padding: 20px 0px 0px 20px;
}
#f{
width:100%;
height:900px;
border-bottom:1px solid black;
background:black;
}
#f11{
width:100%;
height:900px;

}
#f1{
width:30%;
height:20px;
color:black;
display:inline-block;
position:absolute;
left:5%;
font-family:Showcard Gothic;
font-size:50px;
margin:30px 0px 0px 0px;
text-align:center;
line-height:50px;	
padding-bottom:90px;
border-bottom:10px  solid rgb(255,186,0);
}
#f2{
width:30%;
height:20px;
color:black;
display:inline-block;
position:absolute;
left:5%;
font-family:Cooper Black;
font-size:20px;
margin:150px 0px 0px 0px;
text-align:center;
line-height:30px;	
padding-top:10px;
border-top:10px  dashed rgb(255,186,0);
}
#f3{
width:30%;
height:20px;
color:black;
display:inline-block;
position:absolute;
left:5%;
font-family:Broadway;
font-size:15px;
margin:220px 0px 0px 0px;
text-align:center;
line-height:30px;	
padding-top:10px;
border-top:10px  solid rgb(255,186,0);
}
#f4 {
width:10%;
height:30px;
color:black;
display:inline-block;
position:absolute;
padding:5px;
border:2px solid black;
border-radius:18px ;
font-size:20px;
margin:380px 0px 0px 120px;
background:rgb(255,186,0);
font-family:Cooper Black;
text-align:center;
line-height:25px;	
}
#f4 p a{
color:black;
text-decoration:none;	
}
#g{
width:100%;
height:300px;
border-bottom:1px solid black;
background:black;
}
#g11{
width:25%;
height:200px;
float:left;
margin:40px 0px 0px 10px;
}
#g12 li  {
display:inline-block;
width:13%;
height:10px;
color:rgb(148,148,148);
text-align:center;
line-height:100px;
	
}
#g13{
width:30%;
height:200px;
float:right;
margin:0px 2px 0px 0px;
}
#g14{
width:70%;
height:10px;
color:rgb(148,148,148);
text-align:center;
line-height:90px;
}
#g15{
width:80%;
height:30px;
color:rgb(148,148,148);
margin-top:50px;
text-align:center;
line-height:90px;
}