init

models/card-format.css

@@ -0,0 +1,86 @@
+: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);
+}