wip cert

certs/style.css

@@ -0,0 +1,154 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+
+@font-face {
+    font-family: "SF-Pro";
+    src: url("fonts/SF-Pro.ttf") format("truetype");
+}
+
+@page {
+    size: A4 landscape;
+    margin: 0;
+}
+
+html {
+    font-family: SF-Pro;
+    font-size: 13pt;
+    line-height: 1.4;
+}
+
+section {
+    width: 29.7cm;
+    height: 21cm;
+    break-after: page;
+    box-sizing: border-box;
+    padding: 5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+strong {
+    font-weight: bold;
+}
+
+#cover {
+    background-color: #a7e400;
+    justify-content: center;
+}
+
+#cover h1 {
+    font-weight: bolder;
+    font-size: 24pt;
+}
+
+#back {
+    background-color: white;
+    display: flex;
+    flex-direction: row;
+    gap: 0.5rem;
+}
+
+#back h1,
+#back h2 {
+    font-weight: bold;
+    font-size: 16pt;
+}
+
+#back ul {
+    padding-left: 1rem;
+}
+
+.space-y > :not(:last-child) {
+    margin-bottom: 1rem;
+}