.pozice-pismen input {
    font-size: 27px;
    width: 55px;
    border: 2px solid black;
    text-align: center;
    background-color: #22c55e;
    color: black;
    margin: 1px;
}


.pozice-pismen-orange input {
    font-size: 27px;
    width: 92px;
    border: 2px solid black;
    text-align: center;
    background-color: #eab308;
    color: black;
    margin: 1px;
}

.pozice-pismen, .pozice-pismen-orange {
    margin-bottom: 30px;
}

.zadana-pismena input {
    font-size: 27px;
    border: 2px solid black;
}

.zadana-pismena {
    margin-bottom: 30px;
}

#vyrazena-slova,
#znama-slova {
    width: 500px;
}


#znama-slova:focus, #vyrazena-slova:focus {
    background-color: rgba(0,0,0,0.03);
}


#znama-slova {
    margin-bottom: 25px;
    background-color: #eab308;
    color: black;
}

#vyrazena-slova {
    background-color: #93a3b8;
    color: black;
}


.najdi-pismena {
    color: white;
    font-size: 30px;
    background-color: #104c81;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0;
}

.vysledek-hadej-slova {
    padding: 7px;
    width: 100%;
    height: 300px;
    font-size: 20px;
    margin: 25px auto 0;
}