@font-face {
    font-family: 'kirsty';
    src: url("/public/fonts/kirsty.bold.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
}

#logo a {
    text-decoration: none;
}

#logo h1 {
    margin: 0;
    font-family: 'impact', Arial, sans-serif;

    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;

    background-image: url('/public/images/rough_metal_texture.jpg');
    background-size: 40%;
    background-position: center;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    position: relative;

    filter: drop-shadow(2px 4px 10px rgba(0, 0, 0, 0.7));
}

#logo h1::after {
    content: "Junkyard.2xk.cz";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    text-shadow:
        inset 0 0 10px rgba(0, 0, 0, 0.8),
        2px 2px 3px rgba(255, 255, 255, 0.1),
        -2px -2px 4px rgba(0, 0, 0, 0.9);

    mix-blend-mode: multiply;
    -webkit-text-fill-color: initial;
}