1 files changed, 82 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..2ef42ce
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,82 @@
+.p-summary {
+  display: none;
+}
+
+.logo {
+  height: 64px;
+}
+
+.print-footer {
+  display: none;
+}
+
+figcaption {
+  text-align: center;
+}
+
+@media print {
+  .sidebar {
+    display: none;
+  }
+  article {
+    border: 0
+  }
+  article footer {
+    display: none;
+  }
+  .container>header {
+    display: none;
+  }
+  .container>footer {
+    display: none;
+  }
+  .comments {
+    display: none;
+  }
+  .h-entry {
+    width: 100% !important;
+  }
+  .container {
+    width: 100% !important;
+  }
+  .print-footer {
+    display: block !important;
+  }
+}
+
+/* Give canvas a proper size and pixel perfect scaling */
+canvas {
+  image-rendering: optimizeSpeed;
+  image-rendering: -moz-crisp-edges;
+  image-rendering: -webkit-optimize-contrast;
+  image-rendering: optimize-contrast;
+  image-rendering: pixelated;
+  -ms-interpolation-mode: nearest-neighbor;
+  border: 0px;
+  width: 512px;
+  height: 512px;
+  background: black;
+  display: block;
+  /* For nice loading */
+}
+
+#pico-container {
+  width: 512px;
+  margin: auto;
+}
+
+#pico-container .buttons {
+  margin-top: 24px;
+  display: grid;
+  grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6);
+  grid-auto-rows: 1fr;
+  grid-template-areas:
+    ". up . . . ."
+    "left . right . . a"
+    ". down . . b . "
+}
+
+.square_hack {
+  width:0;
+  padding-bottom: 100%;
+}
+\ No newline at end of file