refact front

resources/sass/components/_elements.scss

@@ -5,10 +5,10 @@
 }
 
 a {
-    @apply text-gray-700;
+    @apply text-marine underline;
 
     &:hover {
-        @apply text-gray-900;
+        @apply text-marine;
     }
 }
 
@@ -27,10 +27,9 @@ a {
 }
 
 .box-toggle {
-    @apply shadow;
 
     &-header {
-        @apply flex justify-between items-center px-4 py-2 text-white bg-gray-800 font-bold cursor-pointer;
+        @apply flex justify-between items-center px-4 py-2 text-white bg-marine font-bold cursor-pointer;
 
         svg {
             @apply w-8 fill-current;
@@ -53,7 +52,7 @@ a {
 }
 
 .card {
-    @apply bg-gray-300 rounded text-black;
+    @apply bg-white rounded m-2 p-4 h-full flex flex-col justify-between;
 
     svg {
         @apply max-w-full max-h-48 max-w-48 m-auto fill-current;
@@ -63,3 +62,7 @@ a {
         @apply text-2xl text-center font-bold;
     }
 }
+
+.box {
+    @apply bg-white rounded p-4 my-2;
+}