💄 fix color

src/components/GlassCard.vue

@@ -1,7 +1,7 @@
 <template>
   <component
     :is="tag"
-    class="bg-blur rounded-2xl border border-slate-300/20 bg-gray-900/25 shadow-2xl shadow-cyan-600/20"
+    class="bg-blur rounded-2xl border border-zinc-300/20 bg-zinc-900/25 shadow-xl shadow-zinc-600/10"
   >
     <slot />
   </component>

src/components/PortfolioLists.vue

@@ -4,7 +4,7 @@
       <li v-for="portfolio in portfolios" :key="portfolio.title">
         <app-link :to="portfolio.url">
           <article
-            class="flex flex-col overflow-hidden rounded-2xl border border-slate-200/10 bg-gray-600/25 shadow-lg shadow-cyan-700/20 transition duration-300 hover:bg-teal-600/20 hover:shadow-cyan-200/20"
+            class="flex flex-col overflow-hidden rounded-2xl border border-slate-200/10 bg-gray-600/25 shadow-lg shadow-slate-700/20 transition duration-300 hover:bg-slate-500/20 hover:shadow-slate-200/20"
           >
             <div class="aspect-video">
               <img :alt="portfolio.title" :src="`/images/${portfolio.image}`" />

src/layouts/default.vue

@@ -1,52 +1,7 @@
 <template>
-  <div class="bg-gradient">
+  <div class="bg-zinc-900">
     <main class="container mx-auto max-w-5xl">
       <slot />
     </main>
   </div>
 </template>
-
-<style scoped>
-.bg-gradient {
-  background: linear-gradient(220.55deg, #1c0036 0%, #636fa4 100%);
-  background-size: 600% 600%;
-
-  -webkit-animation: anime-gradient 12s ease infinite;
-  -moz-animation: anime-gradient 12s ease infinite;
-  animation: anime-gradient 12s ease infinite;
-}
-
-@-webkit-keyframes anime-gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-@-moz-keyframes anime-gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-@keyframes anime-gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-</style>