fix: FAQ in NuxtContent

FAQ converted to NuxtContent

app/assets/css/global.css

@@ -123,6 +123,10 @@ a.mail {
 }
 
 ul {
+    list-style-position: inside;
+}
+
+ul.row {
     list-style: none;
     display: flex;
 }

app/assets/css/spoiler.css

@@ -1,6 +1,5 @@
 .Spoiler {
     background: var(--color-black);
-    padding: 1rem 2rem;
     border-radius: 20px;
 
     & .icon {
@@ -17,13 +16,20 @@
         align-items: center;
         gap: 1rem;
         font-weight: bold;
+        padding: 1rem 2rem;
+        border-radius: 20px;
+        transition: 150ms ease-in-out;
+
+        &:hover {
+            background: rgba(0, 0, 0, .3);
+        }
     }
 
     & > div {
-        margin-top: 1rem;
         display: flex;
         flex-direction: column;
         gap: 1rem;
+        padding: 1rem 2rem;
     }
 }