body {
background: #fff;
color: #000;
font-family: 'Lora', serif;
padding: 0;
margin: 0;
}
h3{
padding: 10px;
border: 1px solid #001c91;
border-radius: 6px;
box-shadow:
0 2px 1px rgba(0, 0, 0, 0.2),
inset 0 2px 1px rgba(0, 0, 0, 0.2);
font-size: 22px;
}
ul {
display: block;
list-style-type: decimal;
margin: 0;
padding: 50px;
width: min-content;
background-color: #f1f1f1;
position: fixed;
height: 100%;
overflow: auto;
}
li a {
border-radius: 6px;
color: #000;
display: block;
font-size: 20px;
height: 40px;
line-height: 40px;
padding: 8px 16px;
text-decoration: none;
}
li a.active {
display: inline;
background-color: #001c91;
color: white;
}
li a:hover:not(.active) {
height: auto;
background-color: #555;
color: white;
}