*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;font-family:'Arial',sans-serif;color:#333;line-height:1.6;background-color:#f4f4f4;min-height:100vh}header{background-color:#333;padding:1rem 0;position:sticky;top:0;z-index:1000;width:100%}nav{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 20px}.nav-list{list-style:none;display:flex}.nav-list li{margin:0 15px}.menu-icon{display:none;font-size:24px;color:#fff;cursor:pointer}@media (max-width:768px){.menu-icon{display:block}.nav-list{display:none;flex-direction:column;background-color:#333;width:100%}.nav-list.show{display:flex}.nav-list li{margin:10px 0;text-align:center}}.nav-list li a{color:#fff;text-decoration:none;font-size:1.1rem;padding:.5rem}.nav-list li a:active,.nav-list li a:hover{background-color:#555;border-radius:5px}.hero{background:#333;color:#fff;padding:100px 20px;text-align:center;flex-grow:1}.hero h1{font-size:2.5rem;margin-bottom:10px}.hero p{font-size:1.2rem}.about p{font-size:1.1rem}.content,.contact{padding:40px 20px;text-align:center;flex-grow:1}.content h2,.contact h1{font-size:2rem;margin-bottom:20px}.contact form{max-width:600px;margin:0 auto;text-align:left}.contact form label{display:block;margin-bottom:5px;font-weight:700}.contact form input,.contact form textarea{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.contact form button{display:block;width:100%;padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer}.contact form button:hover{background-color:#555}footer{background:#333;color:#fff;text-align:center;width:100%;margin-top:auto;padding:10px 0}