/* Pamatstils: Reseta iestatījumi */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Fona konteiners ar attēlu */
.background {
    background-image: url(back-1.jpg); /* Norādi attēla ceļu */
    /*background-size: cover; /* Nodrošina, ka attēls pilnībā aizņem fonu */
    background-position: center; /* Centrē attēlu fonā */
    height: 200vh; /* Iestata fona augstumu uz 100% no redzamās lapas augstuma */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Teksta bloku stils */
.text-block {
    background-color: rgba(255, 255, 255, 0.8); /* Gaiši balts ar nelielu caurspīdīgumu */
    padding: 20px;
    margin: 20px;
    border-radius: 10px; /* Apaļi stūri */
    width: 80%; /* Teksta bloka platums - 80% no ekrāna platuma */
    max-width: 600px; /* Maksimālais platums 600px, lai tas labi izskatītos lielākos ekrānos */
    text-align: center; /* Centrē tekstu */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Pievieno nelielu ēnu */
}

/* Teksta stils */
h1, h2 {
    color: #333;
    font-family: Montserrat, sans-serif;
}

p {
    color: #555;
    font-family: Montserrat, sans-serif;
    line-height: 1.3;
}
/* Pamatstils visiem attēlu blokiem */
.image-block {
    margin: 20px auto; /* Centrs horizontāli un atstarpe no citiem elementiem */
    text-align: center; /* Attēla centrēšana */
}

/* Stils attēliem */
img {
    max-width: 80%; /* Padara attēlu atsaucīgu un neļauj tam izņemt pārāk daudz vietas */
    height: auto; /* Saglabā attēla proporcijas */
    border-radius: 10px; /* Apaļi stūri */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Pievieno ēnu, lai attēls izskatītos estētiski */
}

/* Papildus, vari pielāgot katra attēla specifiskos stilus */
.image-block img {
    width: 80%; /* Attēla platums ir 80% no tā vecāku elementa (piem., div) */
    max-width: 600px; /* Maksimālais platums, lai attēli nebūtu pārāk lieli uz lieliem ekrāniem */
}
.custom-audio-player {
    width: 300px;  /* Atskaņotāja platums */
    border-radius: 10px;  /* Apaļi stūri */
    background-color: #f7f7f7;  /* Maina fona krāsu */
    border: 1px solid #ccc;  /* Rāmis */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);  /* Ēna, kas padara atskaņotāju modernāku */
}
.page-content {
        overflow: hidden; /* Paslēpj saturu, ja tas pārsniedz attēla robežas */
}