Theme

templates/main.html

@@ -4,6 +4,7 @@
 <style>
     body {
         font-size: 5vw;
+        color: #EAEAEA;
     }
 
     main {
@@ -19,22 +20,23 @@
         place-content: center;
         place-items: center;
 
-        border: 2px solid black;
+        border: 2px solid #333;
 
-        color: white;
+        color: #919191;
         text-decoration: none;
 
         background-color: transparent;
 
-        transition: .2s ease background-color;
+        transition: .2s ease background-color, .2s ease color;
     }
 
     main a:hover, main a:focus {
-        background-color: #333;
+        background-color: #000;
+        color: #EAEAEA;
     }
 
     main a:active {
-        background-color: #555;
+        background-color: #333;
     }
 </style>
 {% endblock %}