/* Styl dla przycisku przewijania */
.scroll-to-top {
    position: fixed;
    bottom: 30px; /* Odległość od dołu ekranu */
    right: 30px;  /* Odległość od prawej krawędzi */
    background-color: #ff6600; /* Pomarańczowe tło */
    color: white; /* Kolor tekstu (ikony) */
    border: none; /* Brak obramowania */
    border-radius: 50%; /* Okrągły przycisk */
    width: 60px; /* Szerokość */
    height: 60px; /* Wysokość */
    display: none; /* Początkowo przycisk jest ukryty */
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Cień przycisku */
    cursor: pointer;
    font-size: 24px; /* Rozmiar ikony */
    z-index: 1000; /* Aby przycisk był nad innymi elementami */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Efekt najechania na przycisk */
.scroll-to-top:hover {
    background-color: #ff4500; /* Zmiana koloru przycisku przy najechaniu */
    transform: scale(1.1); /* Powiększenie przycisku */
}

/* Stylowanie ikony samochodu */
.scroll-to-top i {
    font-size: 30px; /* Rozmiar ikony */
}
body, html {
    height: 100%; /* Zapewnia, że cała strona ma wysokość 100% */
}

.content {
    min-height: 5vh; /* 100vh oznacza 100% wysokości widoku (viewport), co sprawia, że strona będzie przewijalna */
}