You are on page 1of 2

.

Menu-bar ul{
background-color: lightcyan;
list-style: none;
text-align: center;
margin-bottom: 10px;
}
.Menu-bar ul li{
background: #96cdf7;
width: 150px;
height: 30px;
line-height: 30px;
color: #f1f1f1;
margin-left: -5px;
display: inline-block;
position: relative;
transition: 0.5s;
}
.Menu-bar ul li a{
text-decoration: none;
color: #ffffff;
display: block;
font-size: 15px;
transition: 0.5s;
}
.Menu-bar ul li:hover{
background: #e8e8e8;
}
.Menu-bar ul li a:hover{
color:#f0658a ;
}
.Sub-Menu{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu{
display: block;
}
.Sub-Menu2{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu2{
display: block;
}
.Sub-Menu3{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu3{
display: block;
}
.Sub-Menu4{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu4{
display: block;
}.Sub-Menu5{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu5{
display: block;
}
.submenu li{
background-color: pink;
}
.Body{
font-family: sans-serif;
color: #333;
width: auto;
height: 80%;
border: 5px double red;
}
.Footer img{
width: 100px;
height: 90px;
}
.Footer{
position: relative;
width: 100%;
height: auto;
padding: 50px 100px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.Footer .FContainer{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
}

You might also like