html.theme-hacker {
    background-color: #000001;
    color: #00f000;

    font-family: 'Courier New', Courier, monospace;

    h1, h2, h3, h4, h5, h6, .profile-text h1 {
        font-family: inherit;
    }

    aside {
        background-color: #111112;
        color: #00d000;

        header {
            .brand {
                font-family: inherit;
            }
            nav {
                margin-top: 2rem;
                align-items: flex-start;

                a {
                    margin: 0.5rem 0;
                    font-size: 1.25rem;
                    cursor: pointer;
                }
            }
        }

        footer {
            .care-and-theme-widget {
                select {
                    font: inherit;
                    font-size: 0.8em;
                    background-color: transparent;
                    border: 1px solid #00f000;
                    color: inherit;
                    padding: 0 0.25rem;
                }
            }

            ul {
                flex-wrap: wrap;
            }
        }
    }

    main {
        header {
            background-color: #000000;
            color: #00f000;
            border: 0.25em double black;
            padding: 1.5rem;
        }

        &.with-paragraph-counting p::before {
            opacity: 0.6;
            color: #00f000;
        }
    }

    details {
        --fgc: black;
        --bgc: #00c000;
    }

    figure.floaty {
        border-color: #003000;
    }

    .action-list li {
        background-color: #006000;
        color: #ffffff;

        .action-button {
            background-color: #002000;
            color: white;
        }

        .action-text {
            color: #eefeee;
        }
    }

    .collection-links a {
        background-color: #002000;
        color: white;
    }

    .comment-footer input,
    .comment-footer textarea {
        background-color: #000000;
        border: 2px solid #00f000;
        padding: 0.25rem 0.5rem;
    }

    .comment-footer button {
        background-color: #00f000;
        border: 2px solid #000000;
        color: black;
        padding: 0.25rem 0.5rem;
    }

    .profile-grid .profile-image img {
        filter: sepia(1) contrast(250%) saturate(500%) hue-rotate(90deg);
    }

    @media all and (max-width: 1024px) {
        aside {
            border-right: none;

            header nav {
                margin-bottom: 1rem;
            }
    
            header nav a {
                margin: 0.5rem;
                font-size: 1rem;
                padding: 0.1rem 0.5rem;
            }
        }

        main header {
            padding: 1rem;
            padding-bottom: 0.5rem;
        }
    }
}