@import url("font-impact.css");

/* Logo-Definitionen */
:root{
    --logo-font: Impacto, Impact, sans-serif;
    --logo-font-size: 13vw;
    --logo-font-size-small: calc(var(--logo-font-size) * 0.83);
    --logo-text-shadow: 0 0 1.5vw hsl(230, 92%, 81%);
    --logo-color: black;
    --logo-dagger-color: rebeccapurple;
}
#logo{
    font-family: var(--logo-font);
    font-size: var(--logo-font-size);
    text-shadow: var(--logo-text-shadow);
    color: var(--logo-color);
}
#logo small{
    font-size: var(--logo-font-size-small);
}
#logo .dagger{
    color: var(--logo-dagger-color)
}
footer{
    font-family: var(--logo-font);
}
footer small{
    font-size: 0.5rem;
}