*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f8f8;color:#333;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}header{align-items:center;background-color:#ff8c00;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;height:150px;justify-content:center;margin:0;padding:0;width:100%}header h1{align-self:flex-start;color:#000;font-size:2em;margin:0;margin-bottom:auto;margin-left:auto;margin-top:auto;padding-right:30px}nav{background-color:#585858;box-shadow:0 2px 4px #0000001a;display:flex;width:100%}nav a{color:#fff;flex:1;font-size:1.1em;font-weight:700;letter-spacing:.5px;padding:16px 0;text-align:center;text-decoration:none;transition:background-color .3s ease}nav a:hover{background-color:#d87709}nav a.active{background-color:#cedada;color:#000;font-weight:700;text-decoration:none}main{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;margin:40px auto;max-width:50%;padding:40px 20px}main ul li{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px;padding:12px;transition:transform .2s ease}main ul li:hover{transform:translateY(-2px)}main ul{list-style:none;padding-left:0}a{color:#007acc;text-decoration:none}a:hover{text-decoration:underline}a.button{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:10px 20px;text-align:center;transition:background-color .3s ease,transform .2s ease}a.button:hover{background-color:#005fa3;text-decoration:none;transform:translateY(-2px)}a.button:focus{box-shadow:0 0 0 3px #007acc66;outline:none}footer{align-items:center;background-color:#575757;bottom:0;display:flex;height:90px;justify-content:flex-end;padding-right:20px;position:fixed;width:100%}footer .logo{height:84px;width:116.5px}