/* Auto ja nappi */
.car-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
}

.car {
  width: clamp(400px, 50%, 800px);  /* ei liian iso mobiilissa, ei liian pieni isolle näytölle */
  animation: bounce 2s infinite;
}


.start-btn {
  margin-top: 1.5rem;
  padding: 1rem 3rem;               /* enemmän sisätilaa -> isompi painike */
  font-size: 1.5rem;                /* suurempi fontti */
  background-color: black;
  color: white;
  border: none;
  border-radius: 12px;              /* hieman isommat kulmat isompaan nappiin */
  cursor: pointer;
  transition: background-color 0.3s ease;

  max-width: 100%;                 /* nappi voi kasvaa tarpeen mukaan */
  width: fit-content;              /* ei veny liian pitkäksi */
}


.start-btn:hover {
  background-color: #2edfc5;
  color: black;
  transform: scale(1.05);
}


/* Hytkyvän auton animaatio */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}