html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

[data-theme="light"],
:root:not([data-theme="dark"]),
:host:not([data-theme="dark"]) {
    --pico-text-selection-color: rgb(255, 107, 1);
    --pico-primary: rgb(255, 107, 1);
    --pico-primary-background: rgb(230, 230, 230);
    --pico-primary-underline: rgba(255, 107, 1, 0.5);
    --pico-primary-hover: rgb(255, 107, 1);
    --pico-primary-hover-background: rgb(230, 230, 230);
    --pico-primary-focus: rgba(244, 93, 44, 0.5);
    --pico-primary-inverse: #fff;
}

/* Orange color for dark color scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
    :root:not([data-theme]),
    :host:not([data-theme]) {
        --pico-text-selection-color: rgb(255, 107, 1);
        --pico-primary: rgb(255, 107, 1);
        --pico-primary-background: rgba(33, 39, 55, 1.0);
        --pico-background-color: rgba(33, 39, 55, 1.);
        --pico-primary-underline: rgba(255, 107, 1, 0.5);
        --pico-primary-hover: rgb(255, 107, 1);
        --pico-primary-hover-background: rgb(230, 230, 230);
        --pico-primary-focus: rgba(244, 93, 44, 0.5);
        --pico-primary-inverse: #fff;
    }
}
/* Orange color for dark color scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme="dark"] {
    --pico-text-selection-color: rgb(255, 107, 1);
    --pico-primary: rgb(255, 107, 1);
    --pico-primary-background: rgba(33, 39, 55, 1.);
    --pico-background-color: rgba(33, 39, 55, 1.);
    --pico-primary-underline: rgba(255, 107, 1, 0.5);
    --pico-primary-hover: rgb(255, 107, 1);
    --pico-primary-hover-background: rgb(230, 230, 230);
    --pico-primary-focus: rgba(244, 93, 44, 0.5);
    --pico-primary-inverse: #fff;
}

.header-name .contrast {
    position: static;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    width: 82px;
}

.hero {
    background-color: transparent;
}

article {
    background-color: transparent;
    box-shadow: none;
}

.data-tags-footer {
    background-color: transparent;
}

:root {
    --pico-font-family: IBM Plex Mono, monospace;
}
.social-button {
    height: 16px;
}

svg.icon-tabler {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    fill: transparent;
    stroke: currentColor;
    stroke-width: 2;
    opacity: .9;
    }
}