.container{
   position:relative;
   height:auto;
  weidth:1000px;
  background-color:red;
}
.container img{
   width:100%;
display:block;
background-size:50%; 

}
.TOPIC1{
   POSITION:ABSOLUTE;
   TOP:250PX;
   LEFT:50%;
TRANSFORM:TRANSLATE(-50%,-50%);
  FONT-SIZE:50PX;
  color:#000000;
 font-family:"Lucida Handwriting";
}
.TOPIC{
   POSITION:ABSOLUTE;
   TOP:300PX;
   LEFT:50%;
TRANSFORM:TRANSLATE(-50%,-50%);
  FONT-SIZE:50PX;
  color:#000000;
 font-family:"Lucida Handwriting",serif;
}
.one{
 text-align:right;
position:absolute;
right:5px;
top:9px;
}

.one ul{
display:inline-flex;
list-style:none;
color:#ffffff
}
.one ul li{
width:120px;
margin:10px;
padding:10px;
FONT-SIZE:20PX;

}
.one ul li a{
text-decoration:none;
color:#000

}
.active,.one ul li:hover{
background:#eee;
border-radius:100px;
cursor:pointer;
height:15px;
width:110px;
}
.one ul li :hover{
background:#04ff66;
border-radius:100px;
height:130px;
width:150px;
}
s


.one ul p {
postion:absolute;
bottom:5px;
text-align:center;
}

.P{
   POSITION:ABSOLUTE;
   TOP:350PX;
   LEFT:55%;
TRANSFORM:TRANSLATE(-50%,-50%);
  FONT-SIZE:21PX;
  color:#ffffff cv                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           ;
  background-color:#FFB6C1;
 font-family:"Lucida Handwriting",serif;
}
.BOX img{
MARGIN:0%;
   width:100%;
LEFT:5%;
BOTTOM:5PX;
 BACKGROUND-COLOR:#FFFFFF;

}
BODY{
BACKGROUND-COLOR:#FFFFFF;
}
.text{
   POSITION:absolute;
   top:180%;
   LEFT:45%;
  FONT-SIZE:60PX;
  color:#675896                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           ;
 font-family:"Lucida Handwriting",serif;
}
P1{
COLOR:#FFFFFF;
}
P2{
COLOR:#FF5896;
POSITION:RELATIVE;
LEFT:20%;
font-family:"TIMES-NEW-ROMAN";

}
.l{
background:#f1f5f6
}
.l h1{

position:relative;
left:42%;
font-size:80px;
color:#aa1f10
}
.l p6{
position:relative;
left:25%;

font-size:40px;
color:#8f1f10
}
.l p5{
position:relative;
left:65%;
bottom:475px;
font-size:40px;
color:#8f1f10
}
.c{
position:absolute;
left:47%;
top:2400px;
FONT-SIZE:30PX;

}
.c a{
text-decoration:none;
color:#989765

}
.c li:hover{
background:#666;
border-radius:100px;
height:130px;
width:150px;
}