diff --git a/assets/css/style.css b/assets/css/style.css index 08936c71..67163815 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -99,9 +99,10 @@ input:checked + .slider:before { .dark-theme a,.dark-theme li,.dark-theme b{ filter: invert(1) hue-rotate(180deg); - color: #000000; + color: white; } .dark-theme { + color: black; filter: invert(1) hue-rotate(180deg); } @@ -171,60 +172,6 @@ footer { color: #cacdd2; } -/* Newsletter Section Styles */ -.newsletter-section { - color: #fff; - padding: 20px; - text-align: center; - border-radius: 10px; - margin-top: -50px; -} - -.newsletter-section h3 { - font-size: 24px; - margin-bottom: 10px; -} - -.newsletter-section p { - font-size: 16px; - margin-bottom: 20px; -} - -#newsletter-form { - display: flex; - justify-content: center; - align-items: center; -} - -#newsletter-form input[type="email"] { - padding: 10px; - border-radius: 5px; - border: 1px solid white; - font-size: 16px; - width: 250px; - color: white; - margin-right: 10px; -} - -#newsletter-form button { - padding: 10px 20px; - border-radius: 5px; - border: none; - background-color: rgb(215, 213, 85); - color: white; - font-size: 16px; - cursor: pointer; - transition: background-color 0.3s; -} - -#newsletter-form button:hover { - background-color: rgb(120, 118, 52); -} - -.success-message, .error-message { - margin-top: 10px; - font-size: 14px; -} .socials { list-style: none; diff --git a/style.css b/style.css index d034a173..108f2657 100644 --- a/style.css +++ b/style.css @@ -34,17 +34,18 @@ position: relative; z-index: 1; text-align: center; + /* color: white; */ -webkit-background-clip: text; - -webkit-text-fill-color: transparent; + /* -webkit-text-fill-color: transparent; */ background-image: linear-gradient(to right, #23abd4, #23abd4 50%, #fff 50%); background-size: 200% 100%; background-position: -100%; transition: all 0.3s ease-in-out; } - +/* .nav-link:hover { text-shadow: 0 0 3px #fff, 0 0 10px rgba(167, 45, 237, 0.3), 0 0 20px rgba(167, 45, 237, 0.4), 0 0 30px rgba(167, 45, 237, 0.5), 0 0 40px rgba(167, 45, 237, 0.6), 0 0 50px rgba(167, 45, 237, 0.7); -} +} */ .btn a:before { display: block;