diff --git a/src/app/mario/mario.component.ts b/src/app/mario/mario.component.ts
index 4ddecc6..5127497 100644
--- a/src/app/mario/mario.component.ts
+++ b/src/app/mario/mario.component.ts
@@ -26,7 +26,7 @@ import { Subscription } from 'rxjs';
@HostBinding('style.--sky-color') skyBackground = this.pick(this.skyColors);
- jumpingStrength: number = 21 ;
+ jumpingStrength: number = 22 ;
gravity: number = 0.8;
speed: number = 6;
private routeSubscription: Subscription | undefined;
diff --git a/src/app/welcome-screen/welcome-screen.component.html b/src/app/welcome-screen/welcome-screen.component.html
index 32d6ff2..530c521 100644
--- a/src/app/welcome-screen/welcome-screen.component.html
+++ b/src/app/welcome-screen/welcome-screen.component.html
@@ -1,2 +1,4 @@
-HEllo
-
+
+ Hello
+
+
diff --git a/src/app/welcome-screen/welcome-screen.component.scss b/src/app/welcome-screen/welcome-screen.component.scss
index e69de29..fb7a584 100644
--- a/src/app/welcome-screen/welcome-screen.component.scss
+++ b/src/app/welcome-screen/welcome-screen.component.scss
@@ -0,0 +1,34 @@
+:host {
+ font-family: 'Comic Sans MS', 'Baloo 2', cursive;
+ display: block;
+ background-color: rgba(178, 219, 250, 0.5);
+ height: 100vh;
+ width: 100vw;
+ display: flex;
+ // align-items: center;
+ justify-content: center;
+ }
+
+ h1{
+
+ }
+
+ button{
+ font-family: 'Comic Sans MS', 'Baloo 2', cursive;
+ width: 160px;
+ padding: 0.6rem 1rem;
+ border: none;
+ border-radius: 12px;
+ font-size: 1rem;
+ background: #ffffff;
+ color: #3a3a3a;
+ box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
+ transition: 0.1s ease;
+
+ &:focus {
+ outline: none;
+ background: rgba(178, 219, 250, 0.5);
+ box-shadow: 0 0 0 3px #97c9ff;
+ }
+ }
+
\ No newline at end of file