/* Üldine stiil */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* Esimene Pealkiri (h1) */
h1.text {
    position: absolute;
    top: -15%;
    left: 38%; /* Või muudame left väärtust, et hoida tasakaalu */
    color: blueviolet;
    font-family: "Instrument", sans-serif;
    letter-spacing: -5px; /* Suurendab kerningut */
    font-size: 350px;
    text-align: left;
    z-index: 2;
    max-width: 80%;
    line-height: 1.5;
}

/* Teine Pealkiri (h1) */
h2.text {
    position: absolute;
    top: 50%; /* Asendame vastavalt asukohtadele */
    left: 38%; /* Või muudame left väärtust, et hoida tasakaalu */
    color: blueviolet;
    font-family: "Instrument", sans-serif;
    letter-spacing: -5px; /* Suurendab kerningut ka teisel pealkirjal */
    font-size: 350px;
    text-align: left;
    z-index: 2;
    max-width: 80%;
    line-height: 1.5;
}

/* Paragraafi klass */
p.text {
    position: absolute;
    left: %; /* Vasakule joondamine */
    top: 185%; /* Esimene paragraaf */
    font-size: 30px;
    color: blueviolet;
    font-family: "GeistMono", sans-serif;
    z-index: -1;
    text-align: left;
}

/* Esimene paragraaf (Jan-Markus Maasepp) */
p.text:first-of-type {
    margin-bottom: 10px;
}

/* Teine paragraaf (EKA BGD24) */
p.text:nth-of-type(2) {
    top: 204%; /* Teine paragraaf on umbes 10% kaugusel esimesest */
}

.custom-paragraph {
  position: absolute;
  left: 55vw; /* Muuda seda, et liigutada horisontaalselt */
  top: 60vh; /* Muuda seda, et liigutada vertikaalselt */
  font-size: 1.8vw;
  color: midnightblue;
  font-family: "OverusedGrotesk-Light", sans-serif;
  width: 35vw;
  line-height: 1.4;
  z-index: 2;
}