idk

ogcardeck/cards.html

@@ -45,6 +45,11 @@
     for (let i = 0; i < ups.length; i++) {
         new CircleType(ups[i]).radius(160);
     } 
+
+    var downs = document.querySelectorAll(".down");
+    for (let i = 0; i < downs.length; i++) {
+        new CircleType(downs[i]).dir(-1).radius(160);
+    } 
    
 
     </script>

ogcardeck/stylesheet.css

@@ -9,6 +9,7 @@
     position: relative;
     border-radius: 100%;
     text-align: center;
+    break-inside: avoid;
 }
 .card > img {
     width: calc(100% - 8mm - 8mm);
@@ -22,8 +23,15 @@ p {
     position: absolute;
     margin: 2mm;
     width: 100%;
+    font-family: "Trickster";
 }
 
 p.down {
     bottom:0;  
-}
+}
+
+@font-face {
+    font-family: "Trickster";
+    src: 
+      url("trickster-COLRv1.otf") format("opentype");
+  }