chore: adjust project order

components/HomeStatBox.vue

@@ -46,10 +46,18 @@ const height = forceheight ?? "auto";
   height: v-bind(height);
   border: 0.5rem solid v-bind(color);
   border-radius: 0.5rem;
+  transition: transform 0.2s ease;
+  box-shadow: 0 0.1rem 0.5rem 0 gray;
+}
+
+.container:hover,
+.container:active {
+  transform: scale(1.05);
 }
 
 html.dark .container {
   border: 0.5rem solid v-bind(darkcolor);
+  box-shadow: 0 0.1rem 0.5rem 0 black;
 }
 
 .main-content {

components/ServiceCard.vue

@@ -31,11 +31,13 @@ img {
   height: 12rem;
   line-height: 1.25;
   transition: all 0.2s ease;
+  box-shadow: 0 0.1rem 0.5rem 0 gray;
 }
 
 html.dark .card {
   border: 0.2rem solid rgb(126, 93, 98);
   background: rgb(110, 90, 92);
+  box-shadow: 0 0.1rem 0.5rem 0 black;
 }
 
 .card:hover,
@@ -52,4 +54,8 @@ html.dark .card {
 a.unclickable {
   pointer-events: none;
 }
+
+a.unclickable .card {
+  box-shadow: none;
+}
 </style>