tr.border-strong {
border-bottom: 2px solid black;
}
tr.border-soft {
border-bottom: 1px solid #bbb;
}
tr:hover {
background-color: #eee;
}
ol>li {
margin: 0;
}
.flex-container {
display: flex;
flex-direction: row;
gap: 30px;
}
.case-figure {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
width: 80%;
}
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
.flex-container {
flex-direction: column;
}
.case-figure {
width: 100%;
}