body,h1,h2,h3,p,ul,li,a{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial,sans-serif;line-height:1.8;color:#222;background-color:#f4f4f4;margin:0;}.container{width:90%;max-width:1200px;margin:auto;}header{background:#4c5cd4;color:#fff;padding:20px 0;}header h1{text-align:center;font-size:2.5em;margin-bottom:10px;}header p{text-align:center;font-size:1.2em;}nav ul{display:flex;justify-content:center;list-style:none;margin-top:10px;}nav ul li{margin:0 15px;}nav ul li a{color:#fff;text-decoration:none;font-weight:bold;padding:10px 15px;display:block;transition:background .3s ease;}nav ul li a:hover{background-color:#3b48a4;border-radius:5px;text-decoration:underline;}main{margin:20px 0;}section{padding:20px 0;}h2{font-size:2em;margin-bottom:10px;}ul,dl{margin:15px 0;}footer{background:#222;color:#fff;text-align:center;padding:15px 0;margin-top:20px;}footer a{color:#4c5cd4;text-decoration:underline;}footer a:hover{text-decoration:none;}@media (max-width:768px){nav ul{flex-direction:column;align-items:center}nav ul li{margin:10px 0}nav ul li a{padding:10px 20px;width:100%;text-align:center}}@media (max-width:480px){header h1{font-size:2em}main{padding:15px}footer{font-size:.9em}nav ul li a{font-size:1rem}}