/* Accessibility Enhancements */ /* Screen Reader Only */ .sr-only, .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; } /* ARIA Hidden Element */ [aria-hidden="true"] { display: none; } /* Responsive Banner */ .custom-img { width: 100% !important; height: auto !important; max-width: 1200px !important; } /* Improved Link Styling */ .bill-link { font-size: 1rem; /* Larger text */ font-weight: bold; font-style: italic; display: inline-block; /* Allows the link to size to text instead of full width */ margin-top: 10px; /* Adds spacing */ transition: color 0.3s ease-in-out, outline 0.3s ease-in-out; /* Smooth color and focus effect */ } .bill-link:hover { color: #003366; /* Change color on hover */ } .bill-link:focus { outline: 5px dashed red; /* High contrast dashed outline for accessibility */ } .bill-link:active { color: green; /* Change color on active */ } .bill-link:visited { color: purple; /* Change color for visited links */ } #float { position: fixed; top: 25%; /* Center vertically */ left: 10px; /* Adjust distance from left edge */ transform: translateY(-50%); /* Ensures perfect vertical centering */ z-index: 1000; /* Keeps it above other elements */ } #float img { width: auto; /* Maintains aspect ratio */ height: 100px; /* Sets the fixed height */ cursor: pointer; /* Makes it clickable */ } body { max-width: 80%; /* Keeps content from spanning the entire screen */ margin: 0 auto; /* Centers everything */ text-align: center; /* Ensures inline elements like images and text align */ } #hitCounter { font-size: clamp(1rem, 5vw, 6.5rem); } /* Fix contrast for visually hidden text */ /* Ensure elements remain hidden while keeping them accessible for screen readers */ .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; color: #444; /* Slightly lighter gray for better contrast */ } /* Improve Footer and Copyright Visibility */ #footer-nav-heading, #copyright-info { color: #222; /* Darker shade improves readability */ } /* Fix Visitor Count Heading */ #visitor-count-heading, #hitCounter { font-size: 3.5rem; color: #222; /* Slightly lighter than pure black */ font-weight: bold; } /* Improve Button & Background Contrast */ button, span { background-color: #FFFF00; color: #000000; /* White text for maximum readability */ } /* Adjust External Links */ a { color: #003366; /* Dark navy for readability */ text-decoration: none; } a:hover { color: #cc0000; /* Strong red for high contrast */ }