@charset "UTF-8";

/*システムがダークモードに設定時と同時に連動*/
@media (prefers-color-scheme: dark) {
    header h1 a {
        text-shadow: 2.0px 2.0px #462504,
            -2.0px 2.0px #462504,
            -2.0px -2.0px #462504,
            2.0px -2.0px #462504,
            2.0px 0px #462504,
            0px 2.0px #462504,
            2.0px 0px #462504,
            0px -2.0px #462504;
        color: #c7bf79;
    }

    #indexTop {
        text-shadow: 2.0px 2.0px #462504,
            -2.0px 2.0px #462504,
            -2.0px -2.0px #462504,
            2.0px -2.0px #462504,
            2.0px 0px #462504,
            0px 2.0px #462504,
            2.0px 0px #462504,
            0px -2.0px #462504;
        color: #c7bf79 !important;
    }
}

@media (prefers-color-scheme: light) {
    header h1 a {
        text-shadow: 3.4px 3.4px #6a3907,
            -3.4px 3.4px #6a3907,
            -3.4px -3.4px #6a3907,
            3.4px -3.4px #6a3907,
            3.4px 0px #6a3907,
            0px 3.4px #6a3907,
            3.4px 0px #6a3907,
            0px -3.4px #6a3907;
        color: #ece28d;
    }

    #indexTop {
        text-shadow: 1.5px 1.5px #6a3907,
            -1.5px 1.5px #6a3907,
            -1.5px -1.5px #6a3907,
            1.5px -1.5px #6a3907,
            1.5px 0px #6a3907,
            0px 1.5px #6a3907,
            1.5px 0px #6a3907,
            0px -1.5px #6a3907;
        color: #ece28d !important;
    }
}

::selection {
    background: #ece28d50;
}