feature/init-game-list-page (#2)

Co-authored-by: Maxime Adler <madler@sqli.com>
Reviewed-on: #2
Co-authored-by: egamorf76 <maxime.adler76@gmail.com>
Co-committed-by: egamorf76 <maxime.adler76@gmail.com>

src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css

@@ -1,5 +1,59 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;700&display=swap');
+
 html, body {
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+
+    font-family: 'Noto Sans', sans-serif;
+}
+
+body {
+    background: linear-gradient(180deg, #2B1D3D 0%, #171229 100%);
+    overflow: hidden
+}
+
+html::before,
+body::before,
+body::after {
+    content: "";
+    position: absolute;
+    border-radius: 100%;
+}
+
+html::before {
+    /*Green orb*/
+    position: absolute;
+    width: 80vh;
+    height: 80vh;
+    top: -20vh;
+    background: #315941;
+    filter: blur(30vh);
+    z-index: -999;
+}
+
+body::before {
+    /*Blue orb*/
+    position: absolute;
+    width: 80vw;
+    height: 80vw;
+    left: 10vw;
+    top: 50vh;
+    background: #3A4156;
+    filter: blur(30vh);
+    z-index: -999;
+}
+
+body::after {
+    /*Reb orb*/
+    position: absolute;
+    width: 100vh;
+    height: 100vh;
+    left: 60vw;
+    top: -30vh;
+    background: #593533;
+    filter: blur(30vh);
+    z-index: -999;
 }
 
 h1:focus {