Merge pull request #335 from nafreenanjum/main

change some text and color

index.html

@@ -55,12 +55,14 @@
     <div class="ui__texts" id="ui_texts">
       <h1 class="text text--title">
         <span>Let's</span>
-        <span>Solve!</span>
+        <span>GO</span>
       </h1>
       <div class="text text--note">
-        Double tap to start
+        Click here to start
       </div>
+
       <div class="text text--timer">
+        <h1> TIME START NOW</h1> 
         0:00
       </div>
       <div class="text text--complete">
@@ -70,6 +72,9 @@ <h1 class="text text--title">
         <icon trophy></icon>
         <span>Best Time!</span>
       </div>
+
+
+
     </div>
 
     <div class="ui__prefs">
@@ -118,7 +123,7 @@ <h1 class="text text--title">
         <option value="light">Light</option>
         <option value="colorful">Colorful</option>
       </select>
-    </div>
+    </div> 
     <div id="rubiks-cube">
       <!-- Your Rubik's Cube game code -->
     </div>
@@ -255,6 +260,7 @@ <h1 class="text text--title">
   <script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/95/three.min.js'></script>
   <script src="./script.js"></script>
   <script src="progress.js"></script>
+
 
 </body>
 

profile.css

@@ -100,7 +100,11 @@ body {
 }
 
 .dropdown-content a:hover {
+
+    background-color: #2f302d;
+
   background-color: #f1f1f1;
+
 }
 
 .profile-menu:hover .dropdown-content {
@@ -149,6 +153,14 @@ body {
 }
 
 #edit-profile-form button {
+
+    padding: 10px 20px;
+    background-color: #007bff;
+    color: rgb(75, 231, 8);
+    border: none;
+    border-radius: 3px;
+    cursor: pointer;
+
   padding: 10px 20px;
   background-color: #2d8ef6;
   border: 1.5px solid #000000;
@@ -165,4 +177,5 @@ body {
   color: white;
   border: 1.5px solid #000000;
   box-shadow: 6px 6px 0px 0px #0f0b05;
+
 }