*{
margin: 0px;
padding: 0px;
}
header{
/* border: 2px solid green; */
margin:2px 0px;
/* display: flex; */
}
.main-nav{
/* border: 2px solid black; */
margin-top: 0px;
}
.mainmenu{
margin: 0px 10px;
display: flex;
justify-content: center;
}
.mainmenu li{
text-transform: capitalize;
margin:0px 10px;
padding: 5px 20px;
list-style: none;
display: block;
width: 100px;
cursor: pointer;
}
.mainmenu li ul li:hover{
color: blue;
}
.mainmenu button{
border: 2px solid transparent;
font-size: 18px;
/* margin-left: 20px; */
background-color: white;
text-transform: capitalize;
}
.mainmenu button:hover{
color: blue;
cursor: pointer;
/* border: 2px solid grey; */
}
.submenu1{
display: none;
margin-left:0px;
}
.submenu2{
display: none;
margin-left:0px;
}
.submenu3{
display: none;
margin-left:0px;
}
.submenu li{
margin-left:0px;
text-transform: capitalize;
cursor: pointer;
}
.submenu li:hover{
color: blue;
}
/* mobile nva bar starts here */
.span div{
width: 35px;
height: 2px;
border: 2px solid grey;
background-color: black;
margin-top: 2px;
margin-left: 10px;
border-radius: 10px;
}
.mobile{
/* background-color: black; */
}
.mobilemenu{
margin: 10px;
display: flex;
flex-direction: column;
}
.mobilemenu li{
margin: 10px auto;
list-style: none;
}
.mobilemenu li button{
color: black;
text-transform: capitalize;
font-weight: bold;
border: 2px solid transparent;
background-color: transparent;
font-size: 16px;
}
.mobilemenu li button:hover{
color: blue;
}
.submobilemenu1{
display: none;
}
.submobilemenu2{
display: none;
}
.submobilemenu3{
display: none;
}
/* table goes here */
h2{
display: flex;
justify-content: center;
align-items: center;
border: 2px solid black;
}
Comments
Post a Comment