Update src/App.css

src/App.css

@@ -36,3 +36,54 @@
     transform: rotate(360deg);
   }
 }
+
+/* ... (keep existing styles) ... */
+
+.input-container {
+  display: flex;
+  gap: 10px;
+  margin: 20px 0;
+  align-items: center;
+}
+
+.ticker-input {
+  padding: 10px;
+  font-size: 16px;
+  border-radius: 5px;
+  border: 1px solid #ccc;
+}
+
+.forecast-button {
+  padding: 10px 20px;
+  font-size: 16px;
+  border-radius: 5px;
+  border: none;
+  background-color: #61dafb;
+  color: #282c34;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.forecast-button:hover {
+  background-color: #21a1f1;
+}
+
+.forecast-button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed;
+}
+
+.prediction-result {
+  margin-top: 20px;
+  padding: 20px;
+  background-color: #3a3f4a;
+  border-radius: 8px;
+  white-space: pre-wrap; /* Ensures line breaks are respected */
+  text-align: left;
+  font-family: 'Courier New', Courier, monospace;
+}
+
+.error-message {
+  color: #ff6b6b;
+  margin-top: 15px;
+}