Fixed All CSS bugs, restored the Website

sau-mili · Jul 22, 2024 · d942cb0 · d942cb0
1 parent 2cc8ebb
commit d942cb0
Showing 1 changed file with 28 additions and 52 deletions.
diff --git a/css/style.css b/css/style.css
@@ -349,6 +349,7 @@ ul li a:hover {
   color: yellow;
 }
 
+
 body.dark-mode a:hover {
   color: #396a92;
 }
@@ -613,29 +614,29 @@ body.dark-mode .card1 .card-text {
   color: #fff;
 }
 
-body.dark-mode #contact .form .contact-info {
+body.dark-mode #contact .form .contact-info{
   background: linear-gradient(to right, #535353, #396a92);
 }
 
-body.dark-mode #contact .form .contact-info .title {
+body.dark-mode #contact .form .contact-info .title{
   color: black;
 }
-body.dark-mode #contact .form .contact-info p {
+body.dark-mode #contact .form .contact-info p{
   color: white;
 }
 
-body.dark-mode #contact .form .contact-form {
+body.dark-mode #contact .form .contact-form{
   background: linear-gradient(rgb(6, 2, 36), rgba(3, 4, 70, 0.7));
 }
 
-body.dark-mode .feedback-form {
+body.dark-mode .feedback-form{
   background: linear-gradient(to right, #535353, #396a92);
 }
 
-body.dark-mode .feedback-form h2 {
+body.dark-mode .feedback-form h2{
   color: black;
 }
-body.dark-mode .feedback-form p {
+body.dark-mode .feedback-form p{
   color: white;
 }
 
@@ -805,6 +806,7 @@ h2 {
   }
 }
 
+
 .footer {
   padding: 2rem 1rem;
   background: black;
@@ -813,6 +815,7 @@ h2 {
   width: 100%;
 }
 
+
 .social_media:hover {
   color: yellow;
 }
@@ -843,6 +846,7 @@ body.dark-mode .social_media:hover {
   font-size: 14px;
 }
 
+
 body.dark-mode .company h1 {
   color: #396a92;
 }
@@ -999,6 +1003,7 @@ body.dark-mode .col1 .links a:hover {
   background-color: rgb(251, 255, 0);
 }
 
+
 body.dark-mode .form button {
   background-color: #396a92;
 }
@@ -1198,12 +1203,9 @@ footer hr {
   /* Hover color in dark mode */
 }
 
-
-body.dark-mode .fa-solid {
-
-body.dark-mode nav .fa-solid{
-
+body.dark-mode .fa-solid{
   color: #ffffff !important;
+  /* Text color in dark mode */
 }
 
 /* Responsive Styles */
@@ -2574,7 +2576,7 @@ label.selected i {
 }
 
 .submit:hover {
-  color: #f1c11a;
+  color:#f1c11a;
   background-color: #0056b3;
   transform: translateY(-2px);
 }
@@ -2866,44 +2868,16 @@ label.selected i {
   line-height: 1;
 }
 
-@media screen and (max-width: 1022px) {
+@media screen and (max-width: 900px) {
   .wrapper .carousell {
     grid-auto-columns: calc((100% / 2) - 9px);
   }
 }
 
-@media screen and (max-width: 769px) {
+@media screen and (max-width: 600px) {
   .wrapper .carousell {
     grid-auto-columns: 100%;
   }
-  #testimonials .wrapper{
-    padding-right: 7.5rem;
-  }
-}
-
-@media screen and (max-width:480px){
-  #testimonials .containeerr{
-    padding: 0 10px;
-  }
-  #testimonials .container{
-    padding:15px;
-
-  }
-  #testimonials .wrapper{
-    display: block;
-  }
-}
-
-@media screen and (max-width:510px){
-  #testimonials .section-title{
-    font-size: 9vw;
-  }
-}
-
-@media screen and (max-width:420px){
-  #testimonials .carousell .cardd span{
-    font-size: 0.9rem;
-  }
 }
 
 .popup .close-btn {
@@ -3121,19 +3095,20 @@ input[type="text"]:focus {
   outline: none;
   border-color: rgba(255, 201, 8, 0.5);
   box-shadow: 0 0 10px rgba(255, 201, 8, 0.5);
-  color: black !important;
+  color:black !important;
 }
 input[type="email"]:focus {
   outline: none;
   border-color: rgba(255, 201, 8, 0.5);
   box-shadow: 0 0 10px rgba(255, 201, 8, 0.5);
-  color: black !important;
+  color:black !important;
 }
 textarea:focus {
   outline: none;
   border-color: rgba(255, 201, 8, 0.5);
   box-shadow: 0 0 10px rgba(255, 201, 8, 0.5);
-  color: black !important;
+  color:black !important;
+
 }
 .feedback-label {
   font-weight: bold;
@@ -3235,6 +3210,7 @@ body {
   transition: color 0.3s ease, box-shadow 0.3s ease;
 }
 
+
 body.dark-mode .social a {
   color: #396a92;
 }
@@ -3579,8 +3555,7 @@ body.dark-mode .social a {
     margin: 1rem 0 1.5rem 0;
   }
 
-  .social-media,
-  .info {
+  .social-media,.info {
     padding: 1.5rem 0 0 2rem;
   }
 }
@@ -3632,9 +3607,10 @@ body.dark-mode .social a {
     padding: 0.45rem 0.8rem;
   }
 }
-body.dark-mode #contactForm input {
-  color: white;
+body.dark-mode #contactForm input{
+  color:white;
 }
-body.dark-mode #contactForm textarea {
-  color: white;
+body.dark-mode #contactForm textarea{
+  color:white;
 }
+