body {
    font-family: Arial, sans-serif;
    margin: 0;
    background: #f9f9f9;
    color: #333;
}
header {
    background: #ff6600;
    color: white;
    padding: 20px;
    text-align: center;
}
.logo {
    font-size: 30px;
    font-weight: bold;
}
.slider {
      position: relative;
      width: 100%;
      max-width: 1000px;
      margin: auto;
      overflow: hidden;
      border-radius: 10px;
    }

    .slides {
      display: flex;
      width: 400%;
      animation: slide 16s infinite;
    }

    .slides img {
      width: 100%;
      height: 500px;
      object-fit: cover;
    }

    @keyframes slide {
      0% { margin-left: 0; }
      20% { margin-left: 0; }

      25% { margin-left: -100%; }
      45% { margin-left: -100%; }

      50% { margin-left: -200%; }
      70% { margin-left: -200%; }

      75% { margin-left: -300%; }
      95% { margin-left: -300%; }

      100% { margin-left: 0; }
    }
    
footer {
    background: #222;
    color: #fff;
    text-align: center;
    padding: 15px;
}
h1 {
    color: #ff6600;
}