:root {
    --bg: #181818;
    --color: #ffc82f;
    --color-mask-filters: ;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html,
body {
    padding: 0;
    border: 0;
    margin: 0;
    background-color: black;
}

#card {
    zoom: 124.988%;
    width: 70mm;
    height: 121mm;
    margin: 1cm auto;
    background: white;
}

@page {
    size: 70mm 121mm;
}

@media print {
    @page {
        margin: 0;
    }

    img {
        image-resolution: 900dpi;
    }

    html,
    body {
        background-color: var(--bg);
        zoom: 100%;
    }

    #card {
        margin: 0;
        border: initial;
        border-radius: initial;
        box-shadow: initial;
        overflow-y: hidden;
    }
}

@font-face {
    font-family: Font1;
    src: url("fonts/Cranberry\ Gin.otf");
}

:root {
    --bg: #181818;
    --color: #ffc82f;
    --color-mask-filters: ;
}

#card {
    background-color: var(--bg);
    color: var(--color);
    font-family: Font1;
    font-weight: normal;
}

h1 {
    font-size: 1.5em;
}

#top {
    position: absolute;
}

#bottom {
    position: absolute;
    transform-origin: 35mm 60.5mm;
    transform: rotate(0.5turn);
}