/* t9.css - XHTML 5 */ body { font-family: 'Montserrat', sans-serif; background-color: #ffffff; color: #2c3e50; margin: 0; padding: 90px; } h1, h2, h3 { color: #2980b9; text-align: center; font-weight: 800; text-transform: uppercase; margin-bottom: 35px; } button { padding: 25px 50px; border: none; background-color: #2980b9; color: white; cursor: pointer; border-radius: 40px; font-size: 24px; font-weight: 600; letter-spacing: 1px; transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; } button:hover { background-color: #3498db; transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); } button:active { transform: translateY(2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } img { max-width: 100%; height: auto; border-radius: 25px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } img:hover { transform: scale(1.05); } table { width: 100%; border-collapse: collapse; border: 3px solid #2980b9; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } td, th { padding: 30px; text-align: left; border: 1px solid #ddd; font-size: 20px; letter-spacing: 1px; } td { background-color: #f9f9f9; } th { background-color: #2980b9; color: white; text-transform: uppercase; } table tr:hover { background-color: #f1f1f1; }