diff --git a/css/style.css b/css/style.css index 58562537..b0e78124 100644 --- 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; } +