1 files changed, 98 insertions, 76 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 002573b..43fe292 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,94 +1,116 @@
-.p-summary {
-  display: none;
+.posts-container {
+  max-width:760px
 }
-
-.logo {
-  height: 64px;
+.bd-gutter {
+  --bs-gutter-x: 3rem
 }
-
-.print-footer {
-  display: none;
+.page,
+.post {
+  margin-bottom:4em
 }
-
-figcaption {
-  text-align: center;
+.page-title,
+.post-title,
+.post-title a {
+  color:var(--bs-emphasis-color)
 }
-
-@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;
+.post-date {
+  display:block;
+  margin-top:-.5rem;
+  margin-bottom:1rem;
+  color:#767676
+}
+.post a {
+  word-break:break-word
+}
+.post li {
+  margin-bottom:.25rem
+}
+.post h2,
+.post .h2 {
+  margin-top:1.5rem;
+  font-size:calc(1.3rem + .6vw)
+}
+@media (min-width: 1200px) {
+  .post h2,
+  .post .h2 {
+    font-size:1.75rem
   }
 }
-
-/* 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 */
+.post h3,
+.post .h3 {
+  margin-top:1.5rem
 }
-
-#pico-container {
-  width: 512px;
-  margin: auto;
+.post>h1,
+.post>.h1,
+.post>h2,
+.post>.h2,
+.post>h3,
+.post>.h3,
+.post>h4,
+.post>.h4 {
+  color:var(--bs-emphasis-color)
 }
 
-#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 . "
+#pico-container canvas {
+  height: 600px;
+  width: 600px;
 }
 
-.square_hack {
-  width:0;
-  padding-bottom: 100%;
+#fastSearch { 
+  visibility: hidden;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  display: inline-block;
+  width: 300px;
+}      
+
+#fastSearch input { 
+  padding: 4px 10px;
+  width: 100%;
+  height: 31px;
+  font-size: 1.6em;
+  color: #aaa;
+  font-weight: bold;
+  background-color: #000;
+  border-radius: 3px 3px 0px 0px;
+  border: none;
+  outline: none;
+  text-align: left;
+  display: inline-block;
 }
 
-.labelBkg {
-  background: none !important;
+#searchResults li { 
+  list-style: none; 
+  margin-left: 0em;
+  background-color: #333; 
+  border-bottom: 1px dotted #000;
 }
+  #searchResults li .title { font-size: 1.1em; margin-bottom: 10px; display: inline-block;}
 
-.edgeLabel {
-  background: none !important;
+#searchResults { visibility: inherit; display: inline-block; width: 320px; }
+#searchResults a { text-decoration: none !important; padding: 10px; display: inline-block; }
+  #searchResults a:hover, a:focus { outline: 0; background-color: #666; color: #fff; }
+
+@font-face {
+  font-family: 'Lobster';
+  font-style: normal;
+  font-weight: normal;
+  src: local('Lobster'), 
+    url('/fonts/Lobster-Cyrillic-Regular.woff') format('woff'),
+    url('/fonts/Lobster-Cyrillic-Regular.woff2') format('woff2'),
+    url('/fonts/Lobster-Cyrillic-Regular.eot') format('eot'),
+    url('/fonts/Lobster-Cyrillic-Regular.ttf') format('ttf'),
+    url('/fonts/Lobster-Cyrillic-Regular.otf') format('otf')
+  ;
 }
 
-.edgeLabel p {
-  background: none !important;
+.navbar-brand {
+  font-family: 'Lobster';
+  font-size: 1.5em;
+  text-shadow: 1px 1px 2px #eee !important;
+}
+h1 {
+  font-family: 'Lobster';
+  text-shadow: 1px 1px 2px #333;
 }
\ No newline at end of file