add FONTS

1 files changed, 58 insertions, 9 deletions

diff --git a/static/style.css b/static/style.css
index 3063517..4313657 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,6 +1,9 @@
 body {
   background-color: #80a7e3;
   color: #311f20;
+  font-family: 'Go Mono';
+  padding: 0;
+  margin: 0;
 }
 
 .page {
@@ -20,7 +23,7 @@ img {
   padding: 0;
   border-radius: 0;
   border: 0;
-  margin: 0 0.1em;
+  margin: 0;
   background-color: #0000;
 }
 
@@ -33,6 +36,8 @@ header {
 header>#stream,
 header>#scrobble {
   flex: 0 1 auto;
+  font-family: 'Terminal Grotesque Open';
+  font-size: 1.5rem;
 }
 
 #stream {
@@ -59,7 +64,7 @@ body {
 #title {
   z-index: 10;
   display: inline-block;
-  font-family: kaerukaeru;
+  font-family: 'kaeru kaeru';
   font-size: 2em;
   padding: 0rem 4rem;
   background-color: #d16a84;
@@ -94,6 +99,7 @@ a {
 
 a:hover {
   font-style: italic;
+  // font-family: 'Avara';
 }
 
 a.active {
@@ -105,6 +111,7 @@ nav {
   padding: 1rem 4rem;
   background-color: #5faf87;
   z-index: -1;
+  font-family: 'Basteleur';
 }
 
 nav:hover {
@@ -113,22 +120,42 @@ nav:hover {
 
 ul#nav {
   display: flex;
+  align-items: center;
   justify-content: start;
   flex-wrap: wrap;
   gap: 0.2em;
   font-size: 1.1rem;
 }
 
+#suscakke {
+  margin: 0;
+  padding: 0;
+  line-spacing: 0;
+  line-height: 0;
+  aspect-ratio: 1/1;
+  height: 2em;
+}
+
+#suscakke:hover {
+  font-style: normal;
+}
+
 #nav img {
-  height: 1.1rem;
-  width: 1.1rem;
+  position: relative;
+  top: 0.2em;
+  border: none;
+  height: 1em;
+  width: 1em;
+  padding: 0;
 }
 
 #blog-list {
   width: 100%;
+  margin: 1em 0;
 }
 
 .blog-entry {
+  height: 1.4em;
   display: flex;
   justify-content: space-between;
   background-color: #0000;
@@ -138,8 +165,12 @@ ul#nav {
   font-size: 1.1rem;
 }
 
+.blog-entry:hover {
+  font-family: 'Steps-Mono';
+}
+
 #skinnyverse {
-  font-family: CherryBomb;
+  font-family: 'Karrik';
   color: #e8c6e6;
   border-color: #bf42a0;
   background-color: #28446c;
@@ -147,7 +178,14 @@ ul#nav {
   z-index: -1;
 }
 
+.post-content>div>h2,
+.post-content>div>h3,
+.post-content>div>h4 {
+  font-family: 'Cherry Bomb' !important;
+}
+
 #latest-skweets {
+  font-family: 'Cherry Bomb' !important;
   background-color: #0000;
   padding: 0;
   margin: 0;
@@ -158,6 +196,16 @@ ul#nav {
 #blogs {
   z-index: -1;
   background-color: #7f99e6;
+  font-family: 'Steps Mono'
+}
+
+h2 {
+  font-size: 2em;
+  font-family: PicNic;
+}
+
+#blogs h2 {
+  font-family: 'Director';
 }
 
 #footer {
@@ -176,6 +224,7 @@ aside {
 }
 
 #skinnyverse:hover,
+.content:hover,
 #blogs:hover,
 #footer:hover {
   z-index: 10;
@@ -232,14 +281,14 @@ main {
   align-items: flex-start;
 }
 
-.content {
+.main-content {
   flex: 12 1 0;
   min-width: 50vw;
   z-index: 3;
   overflow-wrap: break-word;
 }
 
-.content:hover {
+.main-content:hover {
   z-index: 10;
 }
 
@@ -247,11 +296,11 @@ main {
   display: none;
 }
 
-.info {
+.content {
   background-color: #d1a2e7;
 }
 
-.info:hover {
+.content:hover {
   z-index: 10;
 }