Update brandPanel bg

src/assets/scss/main.scss

@@ -11,11 +11,11 @@ blockquote {
     }
 }
 
-body h2{
+body h2 {
     font-family: 'Roboto', sans-serif;
 }
 
-body p{
+body p {
     font-family: 'Roboto', sans-serif;
 }
 
@@ -44,7 +44,7 @@ ul {
     @apply ml-5;
 }
 
-:not(pre) > code {
+:not(pre)>code {
     @apply text-red-600;
     @apply text-base;
 }
@@ -84,7 +84,7 @@ ul {
 }
 
 .brandpanel {
-  background-color: #1072ba;
+    background-color: #C2AEEC;
 }
 
 .no-border {
@@ -120,18 +120,19 @@ ul {
 button:focus {
     outline: none;
 }
-.telegram_icon{
-  font-size: 1.2rem;
 
+.telegram_icon {
+    font-size: 1.2rem;
 }
 
 .text-8xl {
     font-size: 5rem;
     line-height: 1;
 }
+
 @media (min-width: 768px) {
-  .with-large > .flex-post:nth-child(5n),
-  .with-large > .flex-post:nth-child(5n-1) {
+    .with-large>.flex-post:nth-child(5n),
+    .with-large>.flex-post:nth-child(5n-1) {
         // @apply flex-100;
         flex: 1 1 50%;
         @apply flex-col;
@@ -158,8 +159,8 @@ button:focus {
             @apply text-xl;
         }
     }
-  .news > .flex-post:nth-child(5n),
-  .news > .flex-post:nth-child(5n-1) {
+    .news>.flex-post:nth-child(5n),
+    .news>.flex-post:nth-child(5n-1) {
         // @apply flex-100;
         flex: 1 1 50%;
         @apply flex-col;
@@ -307,7 +308,6 @@ button:focus {
 //     background-color: #191b1f;
 //   }
 //   .bg-white,
-   
 //   .bg-gray-100,
 //   .bg-gray-200 {
 //     background-color: #191b1f;