WIP Add styles for site ser

tailwind.config.js

@@ -123,6 +123,11 @@ module.exports = {
                     'primary-80': tinycolor('#a6c62c').setAlpha(0.8).toRgbString(),
                     'overlay-secondary': tinycolor('#a6c62c').setAlpha(0.55).toRgbString(),
                 },
+                ser: {
+                    primary: '#006fb6',
+                    secondary: '#e85243',
+                    'primary-light': '#04A4CC',
+                },
             },
             backgroundImage: {
                 'badge-gradient': 'linear-gradient(120deg, rgba(150,1,103,1) 0%, rgba(158,3,106,1) 40%, rgba(250,26,140,1) 100%)',
@@ -143,10 +148,10 @@ module.exports = {
     },
     variants: {
         extend: {
-            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'even', 'odd' ],
+            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'ser', 'ser-hover', 'even', 'odd' ],
             borderWidth: [ 'even', 'odd', 'first', 'last' ],
-            textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover' ],
-            borderColor: [ 'sbw','snz', 'uch' ],
+            textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover', 'ser', 'ser-hover' ],
+            borderColor: [ 'sbw','snz', 'uch', 'ser' ],
             display: ['group-hover', 'reduced'],
             visibility: [ 'group-hover' ],
             opacity: [ 'group-hover' ],
@@ -163,7 +168,7 @@ module.exports = {
         require('@tailwindcss/aspect-ratio'),
         require('@tailwindcss/forms'),
         require('tailwindcss-alt')({
-            variants: ['sbw', 'snz', 'uch'],
+            variants: ['sbw', 'snz', 'uch', 'ser'],
         }),
         plugin(function ({addVariant, e}) {
             addVariant('first-type', ({modifySelectors, separator}) => {