Fix: Calculator input display issue

The calculator app's input display was not showing the numbers correctly. It was hiding the first 1-2 numbers when the input was small and hiding the last numbers as the input grew. This issue has been resolved by modifying the `style.css` file to allow the input to expand as needed and enable horizontal scrolling.

style.css

@@ -1,4 +1,3 @@
-
 .calculator {
     width: 300px;
     margin: 50px auto;
@@ -8,13 +7,15 @@
 }
 
 .calculator input {
-    width: 100%;
+    width: auto;
     padding: 20px;
     font-size: 24px;
     border: none;
     background-color: #222;
     color: white;
     text-align: right;
+    white-space: nowrap;
+    overflow-x: auto;
 }
 
 .calculator .buttons {
@@ -46,4 +47,4 @@
 
 .calculator .buttons button:nth-child(4n):hover {
     background-color: #f2b96e;
-}
+}