@font-face {
        src: url("https://www.axis-praxis.org/fonts/webfonts/MetaVariableDemo-Set.woff2")
        format("woff2");
        font-family: "Meta";
        font-style: normal;
        font-weight: normal;
    }

    .logo-container {
        width: 125px;
    }
    
    
    /* Logo Styles */
    .logo a {
        text-decoration: none;
        font-weight: bold;
        font-size: 24px;
        display: flex;
        align-items: center;
        color: var(--d-color)
    }
    /*.logo svg {
        width: 40px;
        height: 40px;
        margin-right: 8px;
        fill: var(--link);
    }*/
    
    .logo {
        transition: all 0.5s;
        font-variation-settings: "wght" 500, "ital" 1;
        text-align: center;
        color: transparent;
        font-family: "Meta", sans-serif;
        text-shadow: 3px 3px 0px rgb(7 188 204 / 80%),
            4px 4px 0px rgb(230 1 192 / 50%),
            5px 5px 0px rgb(233 1 154 / 50%),
            6px 6px 0px rgb(244 4 104 / 50%),
            10px 10px 3px rgb(72 40 150 / 80%);
        cursor: pointer;
        /*-webkit-text-stroke: 1.5px #d6f4f4;
        text-stroke: 1.5px #d6f4f4;*/
    }

    .logo:hover {
        font-variation-settings: "wght" 50, "ital" 0;
        text-shadow: none;
        color: var(--link);
    }