feat: styles small

src/ui/BuildDeck/index.tsx

@@ -25,7 +25,7 @@ const theme: ThemeConfig = {
 export const Component: React.FC = () => {
   return (
     <ConfigProvider theme={theme}>
-      <Background style={{ backgroundImage: "initial" }} />
+      <Background />
       <div className={styles.layout} style={{ width: "100%" }}>
         <div className={styles.sider}>
           <div className={styles["deck-select-container"]}>

src/ui/Shared/Background/index.module.scss

@@ -7,11 +7,21 @@
   overflow: hidden;
   width: 100%;
   background-color: #010514;
-  background-image: url("/neos-assets/background-grid.webp");
   z-index: -1;
   display: flex;
   justify-content: center;
   // align-items: center;
+  &::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    max-height: 100%;
+    width: 100%;
+    background-image: url("/neos-assets/noise-light.png");
+    opacity: 0.3;
+  }
 }
 
 .inner {
@@ -19,5 +29,7 @@
   width: 60vw;
   height: 100vh;
   background: radial-gradient(#00814f, #1c0161);
+  background-size: contain;
+  background-repeat: repeat;
   filter: blur(502px);
 }

src/ui/Start/index.module.scss

@@ -8,7 +8,7 @@
   height: 650px;
   width: 650px;
   margin: auto;
-  margin-top: 50px; // FIXME
+  margin-top: 50px;
   position: relative;
   .neos-pic {
     max-width: 100%;
@@ -19,7 +19,7 @@
     filter: drop-shadow(0 0 2rem #ffffffbc);
     position: absolute;
     top: 50%;
-    width: 100%;
+    width: 90%;
     height: fit-content;
     left: 52%;
     transform: translateX(-50%);