32 lines
666 B
CSS
32 lines
666 B
CSS
#topMenu {
|
|
width: 100vw;
|
|
height: var(--topMenuHeight);
|
|
margin-top: calc(var(--topMenuHeight) / -2);
|
|
display: inline-flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
#topMenu button {
|
|
width: var(--topMenuHeight);
|
|
height: calc(var(--topMenuHeight) / 1.3);
|
|
display: flex;
|
|
flex-flow: column;
|
|
justify-content: space-evenly;
|
|
background: white;
|
|
border-radius: calc(var(--topMenuHeight) / 15);
|
|
box-shadow: var(--boxShadow);
|
|
}
|
|
|
|
#topMenu button:active {
|
|
background: rgb(235, 235, 235);
|
|
}
|
|
|
|
#topMenu img {
|
|
width: 100%;
|
|
height: 40%;
|
|
}
|
|
|
|
#topMenu button span {
|
|
width: 100%;
|
|
font-size: calc(var(--topMenuHeight) / 7);
|
|
} |