body{
    background-color:#676985;
}
.Bar ul{
     list-style:none;
     overflow: hidden;
     scroll-behavior:auto;
}
.Bar img{
    display:flex;
    float:left;
    height:75px;
    width:75px; 
}
.Bar li{
    float:right;
    padding:10px;
}
.Bar a{
color:#f5b9eb;
    text-decoration:none;
    text-align:left;
    display:flex;
    padding:10px;
}
.Bar a{
  transition:all 1s ease 1ms;
}
.Bar a.hover-bg:hover{
    background-color:#d833e7;
    color:#000000;
}
.Pro{
    width: 300px;
    height:300px;
    border-radius:45%;
    margin-left:718px;
}
.Lin{
    margin-left:620px;
    display:block;
    border:2px solid black;
    border-radius:302px;
    height:60px; 
    width: 500px;
}
.Lin a{
  display:inline-flex;
  position: relative;
  z-index:1;
  padding:-50px;
  margin:-50px;
}
.Lin a{
    margin-left:77px;
    margin-right:10px;
    text-decoration:none;
    transition:all 1s ease 1ms;
}
.L:hover{
    color:rgb(20, 163, 20);
}
.H:hover{
color:#c13584;
}
.J:hover{
    color: #0967e0;
}
.K:hover{
    color:red;
}
.text{
    color:#f5b9eb;
    margin-left:60px;
    text-align:center;
}
h4{
    color:#f5b9eb;
    text-align:center;    
}
.Ban{
    display:flex;
    gap:6em;
    width:27cm;
    height:7cm;
    padding-top:3cm;
    margin-left:10cm;
}
.Ban img{
    width:290px;
    height:250px;
    transition:400ms;
}
.Ban img:hover{

}
.foot{
    padding-top:300px;
    text-align: center;
}
.EM{
    text-decoration: none;
    color:#f5b9eb;
}
.Top img{ 
    height:750px;
    width:1750px;
}
.Top{
    padding-top:110px;
    padding-bottom:170px;
    margin-left:80px;
    display:flex;
    height:500px;
    width:1700px;
    justify-self:center;
    align-items:center;
}
.Me{
    color:#f5b9eb;
    font-size:40px;
    text-align:center;
}
.Bin{
    margin-left:auto;
    margin-right:auto;
    display:block;
    border:2px solid black;
    border-radius:302px;
    height:60px; 
    width:300px;
}
.Bin a{
  display:inline-flex;
  position: relative;
  z-index:1;
  padding:-50px;
  margin:-50px;
}
.Bin a{
    margin-left:77px;
    margin-right:10px;
    text-decoration:none;
     transition:all 1s ease 1ms;
}
.ART{
    display:flex;
    justify-self:center;
    align-items:center;
    flex-wrap:wrap;
}
.art{
    height:10%;
    width:24%;
    margin:6px;
    cursor: pointer;
    transition:400ms;
}
.art:hover{
    transform: scale(1.04);
}