@font-face {
    font-family: "LHF Convecta BASE";
    src: url("https://jole84.se/html_stuff/LHF%20Convecta%20BASE%20Regular.ttf");
}

:root {
    font-size: 16em;
}

.alignright {
    text-anchor: end;
}

/* .jolelogo {
    display: inline-flex;
    gap: 0.1em;
    align-items: baseline;
} */

.jole {
    margin: 0;
    padding: 0;
    color: #ffffff;
    display: inline;
    fill: #ffffff;
    font-family: 'LHF Convecta BASE';
    font-size: 50%;
    font-style: italic;
    letter-spacing: -0.02em;
    stroke-width: 0.4;
    text-shadow: 0 0 0.05em black, 0 0 0.2em black;
}

.joledark {
    color: black;
    fill: black;
    text-shadow: 0 0 0.05em white, 0 0 0.2em white;
}

.number {
    margin: 0;
    padding: 0;
    -webkit-text-stroke-color: #ff8d04;
    -webkit-text-stroke-width: 0.025em;
    color: black;
    fill: #000000;
    font-family: 'LHF Convecta BASE';
    font-style: italic;
    letter-spacing: -0.1em;
    stroke-opacity: 1;
    stroke-width: 0.025em;
    stroke: #ff8d04;
    text-shadow: 0 0 0.05em #ff8d04, 0 0 0.2em #ff8d04;
}