blog_Listed_styles.css

metatype: css

:root {
--border: 1px solid hsla(0, 0%, 100%, 0.16);
--color-default: #20202a;
--color-primary: #93c0ff;
--color-primary-opacity-8: rgba(147, 192, 255, 0.08);
--color-neutral: #181818;
--color-neutral-darker: #20202a;
--color-contrast: #fff;
--color-contrast-opacity-8: hsla(0, 0%, 100%, 0.08);
--color-contrast-opacity-16: hsla(0, 0%, 100%, 0.16);
--color-contrast-opacity-36: hsla(0, 0%, 100%, 0.36);
--color-contrast-opacity-86: hsla(0, 0%, 100%, 0.86);
--dimmed-text-color: var(--color-contrast-opacity-16);
--dimmed-border-color: var(--color-default);
--body-text-color: var(--color-contrast);
--post-title-color: var(--body-text-color);
--post-date-color: var(--body-text-color);
--post-text-color: var(--body-text-color);
--page-menu-link-color: var(--link-color);
--header-author-name: var(--color-primary);
--header-listed-name: var(--color-primary);\
--more-from-border-color: var(--dimmed-border-color);
--bio-color: var(--body-text-color);
--wordcount-color: var(--color-primary);
--website-color: var(--link-color);
--twitter-color: var(--link-color);
--link-color: var(--color-primary);
--header-border-color: var(--color-primary);

--post-code-background-color: #20202a;
--post-code-border-color: #20202a;

--card-post-background-color: var(--color-default);
--card-post-border: var(--border);
--post-background-color: var(--color-neutral);
--author-posts-background-color: var(--color-neutral);
--more-posts-background-color: var(--color-default);
--more-posts-post-background-color: var(--color-neutral);
--footer-background-color: var(--background-color);
--footer-border-top-color: var(--color-contrast-opacity-16);
--callout-background-color: var(--color-neutral);
--callout-success-border-color: #1aa772;
--callout-warning-border-color: #f28b52;
--callout-info-border-color: #1aa772;
--scroll-to-top-background-color: var(--color-default);
--scroll-to-top-border: var(--border);
--scroll-to-top-border-color-hover: var(--color-contrast);
--author-footer-background-color: var(--color-neutral);
--scroll-to-top-icon-color: var(--color-contrast);
--blockquote-border-left-color: var(--color-contrast-opacity-36);
--guestbook-border-left-color: var(--color-contrast-opacity-16);
--author-header-info-links-separator-color: var(--color-contrast-opacity-16);

}

@media (min-width: 992px) {

.header-image-container {
width: 100%;
min-width: 100%;
margin-right: unset;
margin-bottom: inherit;
<!-- Adjust the Height as needed -->
height: 368px;

}
}

@media print { --background-color: #000000; }