/* styles.css */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.site-header {
    background-image: url('images/logo.png'); /* Postavljanje pozadinske slike */
    background-size: contain; /* Omogućuje da slika zauzme cijeli prostor, zadržavajući proporcije */
    background-repeat: no-repeat; /* SprijeÄŤava ponavljanje slike */
    background-position: left top; /* Postavljanje pozicije slike u gornji lijevi kut */
    width: 100px !important; /* Postavljanje širine slike */
    height: 100px !important; /* Postavljanje visine slike */
    float: left; /* Smještanje slike u lijevi kut */
    margin-right: 10px; /* Dodajte razmak s desne strane slike */
}

main {
    text-align: center;
    padding: 20px;
}
.top-nav {
    position: absolute;
    top: 10px;
    right: 100px;
}

.top-nav a {
    margin-left: 1600px; /* Dodajte željeni razmak između linkova */
}

.top-nav a:first-child {
    margin-left: 1000; /* Uklonite razmak s lijeve strane prvog linka */
}

.page-title {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.program {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.program-image {
    width: 200px;
    height: 200px;
    object-fit: cover;
    flex-shrink: 0;
    margin-right: 20px;
}
.program-title {
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    font-weight: bold;
    /* color: #333; */
    margin-bottom: 10px;
}
.program-description {
    font-size: 16px;
    margin-bottom: 10px;
}


.about-image {
    width: 500px;
    height: 300px;
    object-fit: cover;
    flex-shrink: 0;
    margin-left: 120px; 
}