diff --git a/src/App.tsx b/src/App.tsx
index aa7c70b..9d15551 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,8 +7,10 @@ export const App = () => {
             <div className="logo">
                 <Logo />
             </div>
-            <h1>Hello {process.env.APP_NAME}</h1>
-            <h2>Start editing!</h2>
+            <h1>{process.env.APP_NAME}</h1>
+            <p>Start coding!</p>
+            <code>Mode: {process.env.NODE_ENV}</code>
+            <code>Version: v{process.env.npm_package_version}</code>
         </div>
     );
 };
diff --git a/src/scss/index.scss b/src/scss/index.scss
index a16b128..332c341 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -7,12 +7,8 @@
 
 body {
     font-family: 'OpenSans-Regular';
-    background: $bg;
-}
-
-h1, h2 {
-    font-weight: normal;
     color: var(--text-primary);
+    background: $bg;
 }
 
 .app {
@@ -24,6 +20,5 @@ h1, h2 {
 
 .logo {
     aspect-ratio: 1/1;
-    color: var(--text-primary);
     width: 10rem;
 }