/*@media (prefers-color-scheme: dark) {*/

    /* arculati színek felülírása */
    :root {
        --main-color: #8db4c6;
        --link-normal: yellow;
        --link-visited: orange;
        --link-hover: purple;
        --link-active: red;
        --bg-color: black;
        --text-color: white;
        --border-color: gray;
        --secondary-color: #2c2c2c;
    }

    h1 {
        background: var(--bg-color);  /* Sötét módban nem lesz átmenetes a címsor háttere, csak sötét*/
        text-shadow: none;
    }

   

    body {
        background-image: url("../templates/hatter.png");
        /* Sötétített háttérkép beállítása */
    }

    canvas {
        filter: invert(1);
        /* Invertáljuk a grafika színét*/
    }
/*}*/