* {
    margin-top: 2;
    margin-bottom: 2;
}

H1 {
    color: navy;
}

table.item {
    table-layout: fixed;
    width: 100%;
}

td.item {
    width:100px;
    height:100px;
}

img.item {
    width:100px;
    height:100px;
}

table.matches {
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid slategray;
}

td.matches {
    border: 1px solid slategray;
}

button.collapsible {
    border: none;
    background-color: inherit;
    color: Blue;
    font-size: x-small;
    text-decoration: underline;
}

div.content {
    display: none;
    overflow: auto;
    width:400px;
    height:200px;
}

div.section1 {
    background-color: rgba(39, 174, 96, 0.3);
    color: black;
    text-align: center;
}

div.section2 {
    background-color: rgba(241, 196, 15, 0.3);
    color: black;
    text-align: center;
}

div.section3 {
    background-color: rgba(192, 57, 43, 0.4);
    color: black;
    text-align: center;
}