.pixl-shadow {
    box-shadow: var(--wp--custom--shadow);
}


a:where(:not(.element-button)) {
    text-underline-offset: .3em;
	/* text-decoration: none; */
    /* text-decoration-thickness: 2px; */
}

/*
 * Form elements
 */
:is(textarea, input:not([type="submit"])) {
    color: var(--wp--preset--color--foreground);
    background-color: var(--wp--preset--color--background);
    border: 2px solid var(--wp--preset--color--primary) !important;
    outline: none;
    font-size: 0.875rem;
    font-family: inherit;
}

:is(textarea, input:not([type="submit"]))::placeholder {
    color: var(--wp--preset--color--foreground);
    font-weight: 300;
}

.wp-block-search :is(textarea, input:not([type="submit"])) {
    box-shadow: var(--wp--custom--shadow);
    margin-right: var(--wp--preset--spacing--20);
}

input[type="checkbox"] {
    appearance: none;
    min-width: 0.75rem;
    height: 0.75rem;
    position: relative;
    margin-left: 0;
}

input[type="checkbox"]:checked::after {
    background-color: var(--wp--preset--color--foreground);
    content: "";
    position: absolute;
    width: 75%;
    height: 75%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

/*
 * Navigation styles
 */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--foreground);
    border-color: var(--wp--preset--color--primary);
}

.wp-block-pullquote cite {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6;
}

/* Necessary so the header containing the navigation fills the entire remaining horizontal space, since it is positioned in a flex group with the site logo. */
.pixl-header {
    flex-grow: 1;
}

/* Hover state for outline style button */
.wp-block-button.is-style-outline .element-button:hover {
    background-color: var(--wp--preset--color--foreground);
    border-color: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--background);
}

@font-face {
                font-family: 'Give You Glory';
                font-style: normal;
                font-weight: 400;
                src: local('Give You Glory'),local('GiveYouGlory'),url(https://fonts.gstatic.com/s/giveyouglory/v6/DFEWZFgGmfseyIdGRJAxuLaZ_k0KT24F4IS70nmMDYY.ttf) format('truetype')
            }

            h1,h2,h3 {
                font-family: monospace
            }

            body {
                background-color: #1d1d1d
            }

            .mynav {
                font-size: 1.25em;
                margin-top: -1em
            }

            .linickx-control {
                font-family: monospace
            }

            img.linickx-twitter {
                margin: -0.1em;
                height: 32px;
                width: 32px
            }

            hr.linickx-hr-top {
                margin-top: -20px;
                border-top: 1px solid white
            }

            .title {
                font-family: 'Give You Glory',cursive;
                letter-spacing: .1em;
                
            }

            .title a:hover {
                text-decoration: none
            }

            .linickx {
                font-size: 2.5em;
                font-weight: 900
            }

            .nick {
                font-size: 4.5em
            }

            h3.mysig {
                font-size: 4em
            }

            .linickx-footer {
                border-top-style: dotted;
                border-bottom-style: dotted;
                border-width: 1px;
                border-color: #666;
                padding: 5px 0 5px 0
            }

            article.hentry {
                padding-bottom: 1.5em
            }

            ul#post-list {
                list-style-type: none;
                padding: 0;
                margin: 0
            }

            div.entry-content {
                margin-left: 1em
            }

            div.entry-content img {
                display: inline-block;
                height: auto;
                max-width: 100%
            }

            .linickx-control ul,.linickx-control li {
                list-style-type: none;
                display: inline;
                padding: 2px
            }

            pre {
                display: block;
                width: auto;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
                white-space: pre;
                word-wrap: normal;
                background-color: #aaa;
                color: #000
            }

            pre code {
                white-space: inherit
            }

            code {
                background-color: #0f0f0f;
                color: #0f9adc
            }

            table div.highlight {
                max-width: 65%
            }

            table.highlighttable {
                background-color: #1d1d1d
            }

            ul.tagcloud {
                list-style: none;
                padding: 0
            }

            ul.tagcloud li {
                display: inline-block
            }

            li.tag-1 {
                font-size: 300%
            }

            li.tag-2 {
                font-size: 250%
            }

            li.tag-3 {
                font-size: 200%
            }

            li.tag-4 {
                font-size: 150%
            }

            li.tag-5 {
                font-size: 100%
            }

            li.tag-6 {
                font-size: 50%
            }

            @media(prefers-color-scheme: light) {
                body {
                    color:#000;
                    background-color: #FFF
                }

                a {
                    color: #1b6f96
                }

                a:hover {
                    color: #1d1d1d
                }

                .linickx-footer {
                    border-color: #aaa
                }

                pre {
                    color: #f9f2f4;
                    background-color: #000
                }

                code {
                    background-color: #f9f2f4;
                    color: #000
                }

                hr.linickx-hr-top {
                    border-top: 1px solid black
                }

                img.linickx-twitter {
                    filter: invert(100%);
                    -webkit-filter: invert(100%)
                }
            }
code {
    background-color: #0f0f0f;
    color: #0f9adc;
}