40 lines
743 B
CSS

.subNav {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 2%;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
font-size: small;
margin-top: 3%;
}
.subNavLink {
border: 1px solid rgb(0, 0, 255);
border-radius: 3px;
box-shadow: 0px 2px 4px;
text-decoration: none;
color: black;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
align-content: center;
width: 80px;
height: 45px;
}
.subNav a {
box-shadow: 0px 2px 4px;
}
.subNav a:hover {
color: black;
background-color: rgba(255, 165, 0, .6);
}
.subNav a:active {
box-shadow: 0px 0px 2px;
transform: translateY(2px);
}