|
|
| Line 45: |
Line 45: |
| flex-direction: column; /* Forces children (logo, then Discord link) to stack vertically */ | | flex-direction: column; /* Forces children (logo, then Discord link) to stack vertically */ |
| align-items: flex-start; /* Aligns items to the left */ | | align-items: flex-start; /* Aligns items to the left */ |
| }
| |
|
| |
| /* Base table styling */
| |
| .hover-table {
| |
| font-family: 'Arial', sans-serif; /* Fallback; ideally use a custom font below */
| |
| }
| |
|
| |
| /* Header styling */
| |
| .hover-table caption {
| |
| font-size: 32px;
| |
| font-weight: bold;
| |
| text-shadow: 1px 1px 2px #8B6F35;
| |
| padding-bottom: 15px;
| |
| }
| |
|
| |
| /* Cell styling */
| |
| .hover-table td {
| |
| transition: all 0.3s ease;
| |
| padding: 10px;
| |
| }
| |
|
| |
| /* Text styling for links */
| |
| .hover-table td a {
| |
| font-size: 18px;
| |
| color: #E0C882;
| |
| font-weight: 600;
| |
| text-shadow: 0 0 3px rgba(139, 111, 53, 0.5);
| |
| text-decoration: none; /* Removes underline for a cleaner look */
| |
| }
| |
|
| |
| /* Hover effect for the whole cell */
| |
| .hover-table td:hover {
| |
| transform: scale(1.05);
| |
| box-shadow: 0 0 10px rgba(224, 200, 130, 0.7);
| |
| border-radius: 5px;
| |
| background-color: rgba(224, 200, 130, 0.1);
| |
| }
| |
|
| |
| /* Optional: Brighten text on hover */
| |
| .hover-table td:hover a {
| |
| color: #FFD700; /* Slightly brighter gold for emphasis */
| |
| text-shadow: 0 0 5px rgba(139, 111, 53, 0.8);
| |
| } | | } |
