added achievements

static/css/footer.css

@@ -11,10 +11,16 @@ footer a:hover {
 footer .card {
     background-color: var(--secondary-color) !important;
     border-radius: .75rem;
+    cursor: context-menu;
     overflow: hidden;
 }
 
-footer .card-text *{
+footer .card:hover {
+    transition: all 0.3s ease-out;
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+}
+
+footer .card-text * {
     background-color: var(--secondary-color) !important;
 }
 

static/css/index.css

@@ -0,0 +1,23 @@
+#achievements a {
+    text-decoration: none;
+}
+
+#achievements .card {
+    background-color: var(--secondary-color) !important;
+    border-radius: .75rem;
+    box-shadow: 0 0 36px rgba(0,0,0,0.1);
+    cursor: alias;
+    /* transform: translate3d(0, 0, 0); */
+    transition: box-shadow .2s linear,opacity .2s linear;
+}
+
+#achievements .card:hover {
+    border: 1px solid var(--text-color);
+    transition: .4s;
+}
+
+#achievements .card-text {
+    background-color: var(--secondary-color) !important;
+    color: var(--text-secondary-color) !important;
+}
+

static/css/list.css

@@ -1,5 +1,6 @@
 #list-page .card {
     background-color: var(--secondary-color) !important;
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
     border-radius: .75rem;
     cursor: context-menu;
     overflow: hidden;
@@ -10,9 +11,9 @@
 }
 
 #list-page .card:hover {
-    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
     border: 1px solid var(--secondary-color);
     transition: all 0.3s ease-out;
+    transform: translateY(-7px);
 }
 
 #list-page .card-text * {