fixup! fixup! restyle

static/scss/main.scss

@@ -42,11 +42,14 @@ a {
 }
 
 .mono {
-  font-family: "Monocraft", monospace;
+  font-family: PixeloidMono, monospace;
   background-color: $mantle;
+  border-radius: 2px;
+  padding: 0 4px;
   color: $subtext0;
 
   &:hover {
+    transition: .3s ease;
     background-color: $crust;
   }
 }
@@ -57,7 +60,7 @@ a {
   padding: 8px;
 
   & + & {
-    margin-top: 16px;
+    margin-top: 8px;
   }
 }
 
@@ -72,3 +75,17 @@ a {
     url("/static/font/Pixeloid/woff/Sans.woff2") format("woff2"),
     url("/static/font/Pixeloid/otf/Sans.otf") format("opentype");
 }
+@font-face {
+  font-family: Pixeloid;
+  src:
+    url("/static/font/Pixeloid/woff/Sans-Bold.woff2") format("woff2"),
+    url("/static/font/Pixeloid/otf/Sans-Bold.otf") format("opentype");
+  font-weight: bold;
+}
+@font-face {
+  font-family: PixeloidMono;
+  src:
+    url("/static/font/Pixeloid/woff/Mono.woff2") format("woff2"),
+    url("/static/font/Pixeloid/otf/Mono.otf") format("opentype");
+  font-style: mono;
+}

templates/services.tmpl

@@ -1,4 +1,4 @@
-<div class="services pixel-corners">
+<div class="services">
 	<div>
 		<div><a href="https://b.codrs.ru"><strong>Sharkey</strong></a></div>
 		<p>Федеративная микроблогинговая система поверх протокола ActivityPub</p>
@@ -11,13 +11,13 @@
 
 <div class="services">
 	<p><a href="https://m.codrs.ru"><strong>Matrix</strong></a> &mdash; федеративный мессанджер</p>
-	<p><a href="https://c.codrs.ru"><strong>Copyparty</strong></a> &mdash; облочное хранилище файлов</p>
+	<p><a href="https://c.codrs.ru"><strong>Copyparty</strong></a> &mdash; облачное хранилище файлов</p>
 	<p><a href="https://s.codrs.ru"><strong>4get</strong></a> &mdash; прокси-поисковик</p>
 </div>
 
 <div class="services">
 	<div>
-		DNS:
+		<strong>DNS</strong>:
 		<ul>
 			<li><span class="mono">193.222.99.172</span></li>
 			<li>DoT: <span class="mono">...</span></li>
@@ -25,11 +25,11 @@
 		</ul>
 	</div>
 	<div>
-		Yggdrasil:
+		<strong>Yggdrasil</strong>:
 		<span class="mono">200:ee1:bad2:1732:4b91:c3e3:2f08:29b3</span>
 	</div>
 </div>
 
 <div class="services">
-	Ещё у нас есть <a href="https://bug.codrs.ru">GlitchTip</a> и <a href="https://dav.codrs.ru">Baikal</a> для участников нашей группы!
+	Ещё у нас есть <a href="https://bug.codrs.ru"><strong>GlitchTip</strong></a> и <a href="https://dav.codrs.ru"><strong>Baikal</strong></a> для участников нашей группы!
 </div>