diff --git a/src/css/custom.css b/src/css/custom.css index 261cc67..4cfc587 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1096,7 +1096,7 @@ width: 100%; padding: 15px; text-align: center; - color: #333; /* Dark color for text */ + color: #e5e5e5; /* Dark color for text */ } .slideshow-text p { diff --git a/src/css/extra.css b/src/css/extra.css index 41f61d2..a46c3b4 100644 --- a/src/css/extra.css +++ b/src/css/extra.css @@ -62,74 +62,4 @@ mark.state4 { .faq { color: #FF8D1A -} - -.slideshow-container { - max-width: 100%; - margin: auto; - display: flex; - flex-direction: column; - align-items: center; -} - -.slideshow-wrapper { - width: 100%; - position: relative; -} - -.slides { - display: none; - width: 100%; -} - -.slides img { - width: 100%; - height: auto; - display: block; - max-height: 500px; - object-fit: contain; -} - -.slideshow-text { - width: 100%; - padding: 15px; - text-align: center; - color: #333; - /* Dark color for text */ -} - -.slideshow-text p { - margin: 0; - padding: 0; -} - -/* Fading animation */ -.fade { - animation-name: fade; - animation-duration: 1.5s; -} - -@keyframes fade { - from { - opacity: .4 - } - - to { - opacity: 1 - } -} - -/* Responsive styling */ -@media screen and (max-width: 768px) { - .slideshow-text { - padding: 10px; - font-size: 14px; - } -} - -@media screen and (max-width: 480px) { - .slideshow-text { - padding: 8px; - font-size: 12px; - } } \ No newline at end of file