div, table, thead, tbody, tr, td, select, input, textarea, span {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20pt;
    margin:0px;
}
body {
    background: #800000;
    margin: 10px;
    color: #fbd768;
}
a {
    text-decoration: none;
    color: #fbd768;
}
img.photo {
    border: 10px solid #4b0000;
    padding: 0px;
    width: 400px;
    margin-bottom: 5px;
}

.stop {
    border: 10px solid #4b0000;
    padding: 0px;
    width: 400px;
    margin-bottom: 5px;
}
.play {
    border: 10px solid #ffffff;
    padding: 0px;
    width: 400px;
    margin-bottom: 5px;
}

div.wrap {
    min-width: 450px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
}
.archive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    grid-gap: 1em;
}
.article {
    text-align: center;
    cursor: pointer;
}
.header {
    text-align: center;
    color: #fbd768;
    font-size: 30px;
}