1 files changed, 43 insertions, 1 deletions
diff --git a/html/webapp/styles.css b/html/webapp/styles.css
index a879a6f..6e30ddc 100644
--- a/html/webapp/styles.css
+++ b/html/webapp/styles.css
@@ -1,10 +1,12 @@
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
+
 * {
     padding: 0;
     margin: 0;
 }
 
 body {
-    font-family: 'Times New Roman', Times, serif;
+    font-family: Arial, Helvetica, sans-serif;
     background-color: #000a03;
 }
 
@@ -115,6 +117,46 @@ a:hover {
     width: 256px;
 }
 
+/** Download */
+.download {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    margin: 32px 0;
+}
+
+/** Buttons */
+.link-button {
+    border-radius: 4px;
+    border-width: 2px;
+
+    padding: 32px;
+
+    text-align: center;
+    font-weight: bold;
+
+    font-size: 32px;
+}
+
+.link-button i {
+    font-size: 64px;
+    margin-right: 32px;
+}
+
+.link-button.download {
+    background: linear-gradient(180deg, #58bd58, #3b963b);
+    border-color: #264d26;
+    color: white;
+    text-decoration: none;
+    text-shadow: #316e31 0px 1px;
+}
+
+.link-button.download:hover {
+    background: linear-gradient(0deg, #58bd58, #3b963b);
+}
+
 /** Footer */
 .footer {
     width: 100%;