/* Center text for headings */
h2 {
    text-align: center;
}

/* Dropdown menu styling */
.archive-select {
    padding: 8px;
    border: 2px solid #B96969;
    background-color: #B96969;
    color: #1E1B1B;
    border-radius: 5px;
    display: block;
    margin: 0 auto 20px auto; /* Centered */
}

/* Collapsible summary button */
details {
    margin-bottom: 10px;
    font-size: 1.2em;
}

details summary {
    cursor: pointer;
    background-color: #B96969;
    color: #1E1B1B;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto; /* Centered */
}

/* List styling */
ul {
    list-style: none;
    padding: 0;
    text-align: center;
}

/* Comic page entries */
li {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 5px;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Thumbnail images */
li img {
    width: 100px;
    height: auto;
    border-radius: 5px;
}

/* Comic page title */
li a {
    font-size: 1.1em;
    text-decoration: none;
    color: #8f5761;
}

li a:hover {
    color: #b96969;
}

/* Comic page date */
li span {
    color: gray;
    font-size: 0.9em;
    text-align: right;
}