Update styles.css

styles.css

@@ -19,7 +19,6 @@ body {
   display: flex;
   flex-direction: column;
   background: #1f1f1f;
-  border-radius: 12px;
   overflow: hidden;
   position: relative;
   animation: fadeIn 0.6s ease-in-out;
@@ -44,7 +43,7 @@ header {
   align-items: center;
   padding: 10px 20px;
   background: #1a1a1a;
-  position: absolute;
+  position: fixed;
   top: 0;
   z-index: 10;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.7);
@@ -88,8 +87,9 @@ header .balance-display {
   justify-content: center;
   position: relative;
   background: linear-gradient(180deg, #202124, #1f1f1f);
-  border-top: 2px solid #e63946;
-  border-bottom: 2px solid #e63946;
+  border: 2px solid #e63946;
+  margin: 70px 20px 0; /* Leave space for header and margins */
+  border-radius: 12px;
   overflow: hidden;
 }
 
@@ -108,7 +108,7 @@ header .balance-display {
 /* Plane styling */
 .plane {
   position: absolute;
-  bottom: 25%;
+  bottom: 15%;
   left: 10%;
   width: 70px;
   height: auto;
@@ -152,6 +152,9 @@ header .balance-display {
   justify-content: space-between;
   background: #1a1a1a;
   box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.7);
+  position: fixed;
+  bottom: 0;
+  z-index: 10;
 }
 
 .controls input {