.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;z-index:100;text-decoration:none;}.skip-link:focus{top:0;}body{font-family:Arial,sans-serif;line-height:1.8;color:#222;margin:0;padding:0;background-color:#f9f9f9;}header{background-color:#333;color:#fff;padding:20px;text-align:center;border-bottom:2px solid #444;}header h1{font-size:2.5rem;color:#fff;}header p{margin:10px 0;color:#ddd;}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:15px;}nav ul li{display:inline;}nav ul li a{text-decoration:none;color:#88c8ff;font-weight:bold;}nav ul li a:hover{text-decoration:underline;color:#44a6ff;}main{padding:20px;max-width:900px;margin:auto;background:#fff;}h2{font-size:2rem;margin-bottom:10px;color:#0077cc;}ul{list-style:disc;padding-left:20px;}ul li{margin-bottom:10px;}footer p ul{color:#f9f9f9;}footer{background-color:#333;text-align:center;padding:10px 0;border-top:2px solid #444;color:#ddd;}footer a{text-decoration:none;color:#88c8ff;}footer a:hover{text-decoration:underline;color:#44a6ff;}@media (max-width:768px){header h1{font-size:2rem}nav ul{flex-wrap:wrap;gap:10px}main{padding:15px}}