Initial commit

public/src/assets/main.css

@@ -2,6 +2,7 @@
 
 html, body {
   margin: 0;
+  font-family: "Roboto", sans-serif;
 }
 
 .icon, i:not(.icon) {
@@ -20,6 +21,34 @@ html, body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-.filled {
+.icon.filled, i:not(.icon).filled {
   font-variation-settings: "FILL" 1;
-}
+}
+
+button {
+  border: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding: 8px 14px 8px 10px;
+  margin: 0 4px;
+  border-radius: 4px;
+  font-weight: 600;
+  background: #d7eaf3;
+  color: #0e2c48;
+}
+
+button i {
+  margin-right: 10px;
+  color: #0e2c48;
+  padding: 0;
+}
+
+button:hover {
+  background: #e4eff6;
+}
+
+button:active {
+  background: #d0e3f1;
+}