diff --git a/HTML-CSS-Project-1-Implementati0on-Guide-Dynamic.html b/HTML-CSS-Project-1-Implementati0on-Guide-Dynamic.html index be8085c..d83a0c5 100644 --- a/HTML-CSS-Project-1-Implementati0on-Guide-Dynamic.html +++ b/HTML-CSS-Project-1-Implementati0on-Guide-Dynamic.html @@ -62,16 +62,16 @@ .accordion-button { background-color: #007bff !important; color: white !important; - font-weight: bold; - border-radius: 5px; - padding: 15px; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); - text-align: left; - transition: background-color 0.3s ease, color 0.3s ease; - cursor: pointer; - display: block; - width: 100%; - border: none; + font-weight: bold !important; + border-radius: 5px !important; + padding: 15px !important; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; + text-align: left !important; + transition: background-color 0.3s ease, color 0.3s ease !important; + cursor: pointer !important; + display: block !important; + width: 100% !important; + border: none !important; } .accordion-button:not(.collapsed) { @@ -82,16 +82,16 @@ .accordion-button:hover { background-color: #0056b3 !important; color: white !important; - text-decoration: none; + text-decoration: none !important; } .accordion-button:focus { - box-shadow: none; + box-shadow: none !important; } /* Remove default arrow on the accordion button */ .accordion-button::after { - display: none; + display: none !important; } .accordion-button.collapsed {