body {
    background: url('assets/background.png') repeat;
    margin: 0;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    overflow: auto;
}

.main-container {
    border: 10px outset #0038a8;
    background: black;
    padding: 25px;
    max-width: 800px;
    margin: 50px;
}
.main-container h1, a, i, .main-container p, .main-container span, .main-container li {
    color: white;
}

.line {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

a {
    text-decoration: underline;
}


.gold-italic {
    color: gold !important;
    font-style: italic !important;
}

.grey-italic {
    color: grey !important;
    font-style: italic !important;
}

.italic {
    font-style: italic;
}

.b8831 {
    width: 88px;
    height: 31px;
    padding: 1px;
}

.article-p {
    text-align: justify;
}

.back {
    text-decoration: underline;
}

.article-link-date {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.inline-img {
    vertical-align: middle;
}

.hidden-a {
    text-decoration: none !important;
    color: inherit;
}

.hidden {
    display: none !important;
}