gradients

2022-11-28 16:14:05 +03:00
parent 3a2d6b9a07
commit 5688144a5e
3 changed files with 79 additions and 9 deletions
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -9,9 +9,29 @@ const App = () => {
            <Global
                styles={css`
                    * { box-sizing: border-box; }
+                    html {
+                        height: 100%;
+                        max-width: 100%;
+                        overflow: hidden;
+                    }
                    body {
                        color: white;
-                        background: radial-gradient(circle at top right, rgb(154 227 33), rgb(33 160 56));
+                        /* background: radial-gradient(circle at top right, rgb(154 227 33), rgb(33 160 56)); */
+                        background: radial-gradient(
+                            farthest-side at bottom left,
+                            rgba(35, 235, 4, 0.709), 
+                            transparent 65%
+                        ),
+                        radial-gradient(
+                            farthest-corner at bottom center,
+                            rgba(244, 244, 8, 0.6), 
+                            transparent 40%
+                        ),
+                        radial-gradient(
+                            farthest-side at bottom right,
+                            rgba(0, 195, 255, 0.648), 
+                            transparent 65%
+                        );
                        height: 100vh;
                        /* font-family: "SB Sans Screen"; */
                        font-family: "SBSansScreenRegular";