body {
    font-family: 'Times New Roman', serif;
    background-color: rgba(17, 24, 39, 1.0);
    color: rgba(230, 230, 230, 1.0);
}

.bar {
    text-align: center;
    padding: 1%;
    margin: 16px auto;
}

.bar a {
    display: inline-block;
    background-color: rgba(231, 188, 118, 0.6);
    color: rgba(230, 230, 230, 1.0);
    text-decoration: none;
    padding: 1%;
    border: 4px solid rgba(230, 230, 230, 1.0);
    margin: 8px auto;
}

h1 {
    text-align: center;
}

img {
    display: block;
    padding: 1%;
    border: 1px solid rgba(231, 188, 118, 1.0);
    margin: auto;

    aspect-ratio: auto;
    width: 500px;
    height: auto;
}

h1, h2, h3, h4, h5, h6, .text {
    background-color: rgba(231, 188, 118, 0.6);
    padding: 1%;
    border: 10px solid rgba(230, 230, 230, 1.0);
    margin: 16px auto;
}

.bold, dfn {
    font-weight: bold;
}

.list {
    padding: 1%;
    border: 1px solid rgba(231, 188, 118, 1.0);
    margin: 16px auto;
}

ul, ol {
    background-color: rgba(231, 188, 118, 0.6);
    padding: 16px auto;
}

ul li, ol li {
    margin: 4px auto;
}

ul a, ol a {
    color: rgba(230, 230, 230, 1.0);
}