
body {
    font-family: Arial, sans-serif; /* Zmiana czcionki na bardziej estetyczną */
    font-size: 1.2em; /* Zwiększenie rozmiaru czcionki */
    text-align: center; /* Wyrównanie tekstu do środka */
    margin-top: 50px; /* Dodanie marginesu od góry */
}

.question {
    margin-bottom: 30px; /* Zwiększenie przestrzeni między pytaniami */
}

input[type="text"] {
    padding: 15px 20px;
    font-size: 1.2em;
    margin: 10px 0;
}

label {
    display: block; /* Etykiety mają być wyświetlane jako blok */
    margin: 20px 0; /* Zwiększenie marginesu wokół etykiet */
    font-size: 1.4em; /* Zwiększenie rozmiaru czcionki etykiet */
}

input[type="radio"], input[type="submit"], select {
    margin: 10px 0; /* Zwiększenie marginesu wokół pól */
    padding: 15px 20px; /* Zwiększenie paddingu dla większej czytelności */
    font-size: 1.2em; /* Zwiększenie rozmiaru czcionki */
}

input[type="submit"] {
    background-color: #4CAF50; /* Zmiana koloru tła przycisku */
    color: white; /* Zmiana koloru czcionki przycisku */
    border: none; /* Usunięcie obramowania */
    border-radius: 4px; /* Dodanie zaokrąglenia rogów */
    cursor: pointer; /* Zmiana kursora na wskaźnik */
    display: inline-block; /* Aby przyciski nie zajmowały całej szerokości */
}

input[type="submit"]:hover {
    background-color: #45a049; /* Zmiana koloru tła przycisku przy najechaniu */
}

/* Styl dla nieaktywnego przycisku 'Wstecz' */
input[type="submit"][disabled] {
    background-color: #cccccc; /* Jasnoszare tło dla nieaktywnego przycisku */
    cursor: not-allowed; /* Kursor wskazujący, że przycisk jest nieaktywny */
}


/* Poprawa wielkości i odstępu przycisków radio */
input[type="radio"] {
    margin-right: 5px; /* Większy odstęp od tekstu */
    margin-top: 5px; /* Odległość od górnego tekstu */
    margin-bottom: 5px; /* Odległość od dolnego tekstu */
    width: 20px; /* Zwiększenie szerokości przycisku radio */
    height: 20px; /* Zwiększenie wysokości przycisku radio */
    vertical-align: middle; /* Wyrównanie do środka wertykalnie */
}

input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle; /* Wyrównanie tekstu etykiety do środka */
    font-size: 1.2em; /* Zwiększenie rozmiaru etykiet */
    margin-right: 30px; /* Odstęp między etykietami */
}

/* Styl dla przycisków przy hover */
input[type="submit"]:hover {
    opacity: 0.9; /* Lekkie przyciemnienie przycisku przy najechaniu */
}
