main {
margin: 1rem 25%;
text-align: center;
}

main p {
text-align: left;
}

main ul {
margin-left: 3rem;
text-align: left;
}

main article div.table {
overflow: scroll;
}

main article table {
margin-top: 1rem;
width: 100%;
border-collapse: collapse;
margin-bottom: 1rem;
caption-side: bottom;
}

main article table.big {
font-size: 0.75rem;
}

main article table a {
color: #b2c4b4;
}

main article table a:hover {
color: #104551;
transition: color 250ms;
}

main article table th, main article table td {
padding: 0.5rem 1rem;
border: 1px solid #ccc;
text-align: center;
}

main article table th:first-child, main article table td:first-child {
text-align: left;
font-weight: bold;
}

main article table tbody tr:hover td:nth-child(1) {
background-color: #fbc300;
}

main article table tbody tr:hover {
background-color: #6666;
}

main article a, main article a:visited {
text-decoration: underline;
}

main article h1 {
padding: 1rem;
font-size: 2rem;
color: #3e5874;
}

main article h2 {
padding: 1rem;
font-size: 1.8rem;
color: #3e5874;
}

main article h3 {
padding: 1rem;
font-size: 1.5rem;
color: #3e5874;
}

main article h4 {
padding: 1rem;
font-size: 1.2rem;
color: #3e5874;
}

main article img {
max-width: 100%;
max-height: 20rem;
}

main article img.product {
margin: 1rem;
float: left;
}

main article div.images {
display: flex;
height: 20rem;
overflow: hidden;
}

main article div.images img {
margin-right: 1rem;
}

@media only screen and (max-width: 720px) {
main {
margin: 0.5rem;
}
}