container and margin fix

CyberSphinxxx · Oct 8, 2024 · 83efb23 · 83efb23
1 parent e8e5436
commit 83efb23
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/styles.css b/styles.css
@@ -30,7 +30,7 @@ h1 {
     transition: color 0.5s ease-out;
 
     text-shadow:
-        0 0 10px gold,
+        0 0 5px gold,
         0 0 0px gold;
 }
 h1:hover {
@@ -41,7 +41,7 @@ h1:hover {
 .difficulty-levels {
     text-align: center;
     margin-bottom: 20px;
-    margin-top: 10px;
+    margin-top: -5%;
     user-select: none;
 }
 
@@ -70,15 +70,20 @@ button {
     background-color: #282c34;
     padding: 40px;
     border-radius: 10px;
-    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
     text-align: center;
     width: 90%;
     max-width: 800px;
+    min-height: 250px; 
     margin-top: 10px;
     user-select: none;
     transition: ease 1s;
+    overflow-wrap: break-word;
+    white-space: normal;
 }
 
+
+
 #resetButton {
     margin-top: 20px;
     padding: 10px 20px;
@@ -96,9 +101,11 @@ button {
 
 #targetText {
     font-size: 1.9rem;
+    margin-top: -5px;
     margin-bottom: 10px;
     letter-spacing: 2px;
     color: var(--text-color);
+    transition: color 0.3s ease;
 }
 
 #userInput {
@@ -116,6 +123,7 @@ button {
     color: #a7a7a7;
     margin-top: 15px;
     cursor: pointer;
+    transition: 0.3s ease-in-out;
 }
 
 .correct {