badges

text_analysis.css

@@ -191,16 +191,38 @@ main {
     top: 0;
     left: 0;
     transition: opacity 0.3s;
+    text-align: center;
 }
 
-#popup h1, #smol-popup h1 {
+#popup h1 {
     text-align: center;
 }
 
+#smol-popup h1 {
+    margin: 0;
+}
+
 #popup-heo, #smol-heo {
     font-family: "heonian";
 }
 
+#popup-quirks {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-around;
+}
+
+#popup-quirks * {
+    margin-bottom: 8px;
+}
+
+.badge {
+    padding: 4px;
+    border-radius: 8px;
+    color: white;
+    cursor: pointer;
+}
+
 .button {
     text-decoration: underline;
     text-align: center;