@charset "UTF-8";

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

    #indexTop {
        text-shadow: 2.0px 2.0px #005c4e,
            -2.0px 2.0px #005c4e,
            -2.0px -2.0px #005c4e,
            2.0px -2.0px #005c4e,
            2.0px 0px #005c4e,
            0px 2.0px #005c4e,
            2.0px 0px #005c4e,
            0px -2.0px #005c4e;
        color: #5bb8bd !important;
    }
}

@media (prefers-color-scheme: light) {
    header h1 a {
        text-shadow: 3.4px 3.4px #04705f,
            -3.4px 3.4px #04705f,
            -3.4px -3.4px #04705f,
            3.4px -3.4px #04705f,
            3.4px 0px #04705f,
            0px 3.4px #04705f,
            3.4px 0px #04705f,
            0px -3.4px #04705f;
        color: #70e5ec;
    }

    #indexTop {
        text-shadow: 1.5px 1.5px #04705f,
            -1.5px 1.5px #04705f,
            -1.5px -1.5px #04705f,
            1.5px -1.5px #04705f,
            1.5px 0px #04705f,
            0px 1.5px #04705f,
            1.5px 0px #04705f,
            0px -1.5px #04705f;
        color: #70e5ec !important;
    }
}

/* ここから各要素のCSS */

::selection {
    background: #00836d50;
}