/* Stilizacija naslova */
h2 {
    color: #0f2530; /* Boja teksta */
    font-size: 30px; /* Veličina fonta */
    font-weight: bold; /* Boldovanje teksta */
    text-align: center; /* Centralizovanje teksta */
}

/* Stilizacija forme */
form {
    max-width: 400px; /* Maksimalna širina forme */
    margin: 0 auto; /* Centralizovanje forme */
}

/* Stilizacija input polja */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="number"] {
    width: 100%; /* Širina polja */
    padding: 10px; /* Unutrašnji razmak */
    margin-bottom: 20px; /* Margina na dnu polja */
    border: 1px solid #ccc; /* Granica polja */
    border-radius: 5px; /* Radijus ivica */
    box-sizing: border-box; /* Kutija-model */
    font-weight: bold; /* Boldovanje teksta */
    font-size: 16px; /* Veličina fonta */
}

/* Stilizacija labela */
label {
    font-weight: bold; /* Boldovanje teksta */
    font-size: 18px; /* Veličina fonta */
    color: #0f2530;
}   

/* Stilizacija dugmeta */
button[type="submit"] {
    background-color: #0f2530; /* Boja pozadine */
    color: #fff; /* Boja teksta */
    padding: 20px 40px; /* Povećani unutrašnji razmak */
    border: none; /* Bez granice */
    border-radius: 5px; /* Radijus ivica */
    cursor: pointer; /* Kursor */
    font-size: 20px; /* Povećana veličina fonta */
    transition: background-color 0.3s ease; /* Tranzicija */
    display: block; /* Blok element */
    margin: 4px auto 20px; /* Pomeranje na gore */
    text-align: center; /* Centralizovanje teksta */
}

button[type="submit"]:hover {
    background-color: #29414d; /* Boja pozadine prilikom prelaska */
}

/* Stilizacija polja za prikaz informacija o putovanju */
.message {
    background-image: url('pozadina1.jpg'); /* Postavite sliku kao pozadinu */
    background-size: cover; /* Omogućava da slika pokrije celu površinu */
    background-position: center; /* Centrirajte sliku */
    color: #0f2530; /* Boja teksta */
    text-align: center; /* Centralizovanje teksta */
    padding: 20px; /* Unutrašnji razmak */
}

.message h2 {
    color: #0f2530; /* Boja teksta */
}

.message p {
    color: #0f2530; /* Boja teksta */
}
/* Postavka pozadine */
body {
    background-image: url('pozadina1.jpg'); /* Postavite sliku kao pozadinu */
    background-size: cover; /* Omogućava da slika pokrije celu površinu */
    background-position: center; /* Centrirajte sliku */
}

body {
    font-family: 'Poppins', sans-serif; /* Postavite font za sve tekstualne elemente u telu stranice */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif; /* Postavite font za sve naslove */
    color: #0f2530;
}

p, label, input, button, a {
    font-family: 'Poppins', sans-serif; /* Postavite font za paragrafe, labele, input polja, dugmad i linkove */
    color: #0f2530;
    
    
}

.button {
    display: inline-block;
    padding: 12px 24px; /* Podešavanje paddinga za dugme */
    background-color: #0f2530; /* Boja pozadine */
    color: white; /* Boja teksta (bela) */
    text-decoration: none;
    border-radius: 4px; /* Zaobljeni ivice */
    transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; /* Glatka tranzicija */
    font-weight: bold; /* Podešavanje debljine fonta */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Senka teksta */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Senka dugmeta */
    font-size: 18px; /* Podešavanje veličine fonta */
    margin-top: 10px; /* Dodajte malo prostora iznad dugmeta */
}

.button:hover {
    background-color: #29414d; /* Boja pozadine pri hoveru */
    text-decoration: none; /* Ukloniti podvučenost prilikom hovera */
    color: #fff; /* Boja teksta pri hoveru */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Senka pri hoveru */
}



/* Stilizacija input polja */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="number"],
textarea {
    width: 100%; /* Širina polja */
    padding: 10px; /* Unutrašnji razmak */
    margin-bottom: 20px; /* Margina na dnu polja */
    border: 1px solid #ccc; /* Granica polja */
    border-radius: 5px; /* Radijus ivica */
    box-sizing: border-box; /* Kutija-model */
    font-weight: bold; /* Boldovanje teksta */
    font-size: 16px; /* Veličina fonta */
}

/* Stilizacija labela */
label {
    font-weight: bold; /* Boldovanje teksta */
    font-size: 18px; /* Veličina fonta */
    color: #0f2530;
}

/* Stilizacija dugmeta */
button[type="submit"] {
    background-color: #0f2530; /* Boja pozadine */
    color: #fff; /* Boja teksta */
    padding: 20px 40px; /* Povećani unutrašnji razmak */
    border: none; /* Bez granice */
    border-radius: 5px; /* Radijus ivica */
    cursor: pointer; /* Kursor */
    font-size: 20px; /* Povećana veličina fonta */
    transition: background-color 0.3s ease; /* Tranzicija */
    display: block; /* Blok element */
    margin: 4px auto 20px; /* Pomeranje na gore */
    text-align: center; /* Centralizovanje teksta */
        font-weight: bold;
}

button[type="submit"]:hover {
    background-color: #29414d; /* Boja pozadine prilikom prelaska */
}

#opis {
    width: 100%; /* Širina polja */
    padding: 10px; /* Unutrašnji razmak */
    margin-bottom: 20px; /* Margina na dnu polja */
    border: 1px solid #ccc; /* Granica polja */
    border-radius: 5px; /* Radijus ivica */
    box-sizing: border-box; /* Kutija-model */
    font-weight: bold; /* Boldovanje teksta */
    font-size: 16px; /* Veličina fonta */
    height: 300px; /* Visina polja */
    resize: vertical; /* Omogućava vertikalno proširenje polja */
}
#opis::placeholder {
    font-family: 'Poppins', sans-serif; /* Postavljamo font za placeholder tekst */
}

.submit-btn {
    background-color: #28a745; /* jarko zelena */
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: bold;
}

.submit-btn:hover {
    background-color: #218838; /* malo tamnija zelena na hover */
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.35);
    transform: translateY(-2px);
}

.submit-btn:active {
    background-color: #1e7e34;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(1px);
}

.submit-btn:disabled {
    background-color: #a5d6a7;
    cursor: not-allowed;
    box-shadow: none;
}