/* Selektor h1 → vybere všechny <h1> tagy a změní jim barvu na zelenou */
h1 {
    color: #2ecc71;    /* zelená barva */
    text-align: center; /* zarovnání na střed */
}

/* Selektor p → vybere všechny <p> tagy a změní jim barvu na modrou */
p {
    color: #3498db;    /* modrá barva */
    font-size: 1.2em;  /* větší písmo */
    max-width: 500px;  /* maximální šířka */
    margin: 0 auto;    /* zarovnání na střed stránky */
}

/* Třída .tlacitko → použije se na tlačítko */
.tlacitko {
    padding: 10px 20px;   /* vnitřní okraj */
    background: #33394f;  /* tmavě šedé pozadí */
    color: white;         /* bílý text */
    border: none;         /* žádné okraje */
    border-radius: 8px;   /* zaoblené rohy */
    cursor: pointer;      /* ukazatel myši */
    font-size: 16px;
    margin-top: 20px;
}

/* Třída .tlacitko:hover → aktivní po najetí myší */
.tlacitko:hover {
    background: #454d6b;  /* světlejší barva po najetí */
}

/* ID #stav → použije se jen jednou (na tomto <p>) */
#stav {
    font-weight: bold;    /* tučné písmo */
    font-size: 1.3em;
}