body {
   font-family: Arial, sans-serif;
   line-height: 1.6;
   background-color: #fff;
   color: #333;
   padding: 40px;
 }

 .hero-section {
   padding: 20px;
   margin: 10px auto;
   text-align: center;
   max-width: 800px;
 }

 .hero-section h1 {
   font-size: 32px;
   font-weight: bold;
   line-height: 1.2;
   margin-bottom: 10px;
 }

 nav {
   margin: 20px auto;
   display: flex;
   justify-content: center;
   gap: 20px;
 }

 .hero-section p {
   font-size: 19px;
   font-weight: 300;
   color: #555;
 }

 a {
   text-decoration: none;
   color: white;
   background: #007bff;
   padding: 12px 20px;
   border-radius: 6px;
   font-weight: bold;
   transition: 0.3s;
 }

 a:hover {
   background: #0056b3;
 }