@charset "UTF-8";

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

    #indexTop {
        text-shadow: 2.0px 2.0px #3a012e,
            -2.0px 2.0px #3a012e,
            -2.0px -2.0px #3a012e,
            2.0px -2.0px #3a012e,
            2.0px 0px #3a012e,
            0px 2.0px #3a012e,
            2.0px 0px #3a012e,
            0px -2.0px #3a012e;
        color: #992131 !important;
    }
}

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

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

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

::selection {
    background: #c95d9150;
}

/* コンテンツはここまで */