Switch to Feather Icons

static/css/base.css

@@ -24,7 +24,7 @@ nav {
   align-items: center;
 }
 
-.logo {
+.logo, .icon {
   filter: invert(1) hue-rotate(180deg);
 }
 
@@ -71,10 +71,6 @@ main {
   gap: 10px;
 }
 
-.post__meta .material-icons-outlined {
-  font-size: 1rem;
-}
-
 .pageSelector {
   display: flex;
   justify-content: space-between;
@@ -85,15 +81,12 @@ footer {
   display: flex;
   justify-content: center;
   flex-direction: row;
-  gap: 10px;
+  gap: 5rem;
+  margin: 2em 0;
 }
 
 @media only screen and (max-width: 812px) {
   section, header, main {
     margin: 0 !important;
   }
-  footer {
-    flex-direction: column;
-    text-align: center;
-  }
 }

static/css/comments.css

@@ -37,11 +37,11 @@
 }
 
 #comments__expandBtn ~ .comments__expandBtn__label > span::after {
-  content: "expand_more";
+  content: "⌄";
 }
 
 #comments__expandBtn:checked ~ .comments__expandBtn__label > span::after {
-  content: "expand_less";
+  content: "⌃";
 }
 
 #comments__expandBtn:checked ~ .comments {

static/css/privacy.css

@@ -14,8 +14,7 @@ ul {
 }
 
 .largeIcon {
-  font-size: 36px;
-  color: #2b95f2;
+  height: 36px;
 }
 
 .badgeWrapper {