Update app.py

app.py

@@ -25,24 +25,25 @@ st.markdown("""
         }
         .flashcard-container {
             display: flex;
-            overflow-x: auto;
-            white-space: nowrap;
+            overflow-x: auto; /* Allows horizontal scrolling */
+            white-space: nowrap; /* Prevents wrapping */
             gap: 1rem;
+            padding: 1rem;
         }
         .flashcard {
             width: 250px;
             height: 200px;
-            border: 2px solid #4682b4;
+            border: 2px solid #4682b4; /* Steel Blue border */
             border-radius: 5px;
             font-size: 16px;
             color: black;
-            background-color: #f0f8ff;
+            background-color: #f0f8ff; /* Alice Blue background */
             perspective: 1000px;
             cursor: pointer;
             display: flex;
             align-items: center;
             justify-content: center;
-            flex-shrink: 0;
+            flex-shrink: 0; /* Prevent shrinking */
         }
         .flashcard-inner {
             position: relative;
@@ -65,10 +66,10 @@ st.markdown("""
             padding: 1rem;
         }
         .flashcard-front {
-            background-color: #f0f8ff;
+            background-color: #f0f8ff; /* Alice Blue background */
         }
         .flashcard-back {
-            background-color: #ffffff;
+            background-color: #ffffff; /* White background for the back */
             transform: rotateY(180deg);
         }
     </style>
@@ -197,4 +198,4 @@ if st.session_state.flashcards:
         data=st.session_state.flashcards,
         file_name="flashcards.txt",
         mime="text/plain"
-    )
+    )