add style

1 files changed, 70 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9985b5f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,70 @@
+@font-face {
+    font-family: 'Averia Serif Libre';
+    src: url('fonts/averia-serif-libre.ttf');
+}
+
+@font-face {
+    font-family: 'Varela Round';
+    src: url('fonts/varela-round.ttf');
+}
+
+body {
+    height: 100vh;
+    background-color: #000000;
+    color: #777777;
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+}
+
+header, main {
+  padding-top: 15%;
+  text-align: center;
+}
+
+header {
+    font-size: 150%;
+}
+
+h1 {
+    color: #888888;
+    font-family: 'Averia Serif Libre', cursive;
+}
+
+p {
+    font-size: 125%;
+    font-family: 'Varela Round', sans-serif;
+}
+
+code {
+    background-color: #222222;
+    color: #999999;
+}
+
+footer {
+    margin-top: auto;
+  margin-left: 5%;
+  margin-right: 5%;
+  min-height: 50px;
+  text-align: center;
+  font-size: 80%;
+}
+
+a {
+    color: #808080;
+}
+a:hover {
+    color: #b00c2f;
+}
+
+a.footer-link {
+  color: #808080;
+  text-decoration: none;
+}
+
+a:hover.footer-link {
+  color: #b00c2f;
+}
+
+Averia Serif Libre: https://fonts.gstatic.com/s/averiaseriflibre/v16/neIVzD2ms4wxr6GvjeD0X88SHPyX2xYGCSmqwQ.ttf
+
+Varela Round: https://fonts.gstatic.com/s/varelaround/v19/w8gdH283Tvk__Lua32TysjIvoA.ttf