index page

static/css/index.css

@@ -337,6 +337,12 @@
     padding: 2rem;
 }
 
+@media all and (max-width:768px) {
+    #education .card .card-body {
+        padding: 2rem 1rem;
+    }
+}
+
 #education .card:hover {
     transition: 0.3s;
     box-shadow: 0 4px 11px rgb(15 80 100 / 16%);
@@ -369,6 +375,7 @@
     border: 1px solid var(--primary-color) !important;
     border-radius: .75rem;
     box-shadow: none;
+    transition: none;
 }
 
 #education .card .card-body a.btn:hover {
@@ -389,12 +396,15 @@
     background-color: var(--secondary-color) !important;
     border-radius: 1rem;
     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;
     border: 2px solid transparent;
 }
 
+#achievements a.card {
+    cursor: alias;
+}
+
 #achievements .card:hover {
     border: 2px solid var(--text-color);
     transition: .3s;