.archive-container {
    border-radius: 1rem;
    color: var(--color-text);
    background-image: var(--background-light);
    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.archive {
    font-family: 'JetBrains Mono';
    font-size: 1.2rem;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 1rem;
}

.archive-post {
    font-family: 'JetBrains Mono';
    font-size: var(--font-post);
    padding-left: 1rem;
    color: var(--color-subtext);
    opacity: 0;
    height: 0px;
    display: none;
}

.archive-post > div {
    width: auto;
}

.archive-post span {
    /* Overflow */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.archive-post span:hover {
    color: var(--palette-pink);
    text-decoration: underline 2px;
    cursor: pointer;
}

.archive-post div {
    padding: var(--padding-post);
}