.main-header {
     background-color: var(--primary-color);
     color: white;
     padding: 1rem 0;
     position: sticky;
     /* Gör att menyn följer med när man skrollar ner */
     top: 0;
     z-index: 100;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 .header-container {
     max-width: 1000px;
     margin: 0 auto;
     padding: 0 2rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .logo a {
     color: white;
     text-decoration: none;
     font-size: 1.8rem;
     font-weight: bold;
     letter-spacing: 1px;
 }

 .main-nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     align-items: center;
     gap: 2rem;
 }

 .main-nav a {
     color: white;
     text-decoration: none;
     font-size: 1rem;
     transition: opacity 0.3s ease;
 }

 .main-nav a:hover {
     opacity: 0.8;
 }

 header h1 {
     margin: 0;
     font-size: 2.5rem;
 }

 header p {
     font-size: 1.2rem;
     opacity: 0.9;
 }