Refactor CSS styles and add new GraphQL query

src/assets/css/style.css

@@ -1614,10 +1614,6 @@ body {
   height: 2.7rem;
 }
 
-.h-\[56px\] {
-  height: 56px;
-}
-
 .h-\[66px\] {
   height: 66px;
 }
@@ -3269,6 +3265,10 @@ body {
   text-align: center;
 }
 
+.\!text-center {
+  text-align: center !important;
+}
+
 .\!text-right {
   text-align: right !important;
 }
@@ -3285,10 +3285,6 @@ body {
   vertical-align: top !important;
 }
 
-.align-top {
-  vertical-align: top;
-}
-
 .align-middle {
   vertical-align: middle;
 }
@@ -5664,8 +5660,8 @@ body {
     width: 100%;
   }
 
-  .sm\:max-w-\[90\%\] {
-    max-width: 90%;
+  .sm\:max-w-full {
+    max-width: 100%;
   }
 
   .sm\:max-w-lg {
@@ -5684,10 +5680,6 @@ body {
     max-width: 20rem;
   }
 
-  .sm\:max-w-full {
-    max-width: 100%;
-  }
-
   .sm\:flex-1 {
     flex: 1 1 0%;
   }