body {
    background-color:rgb(153, 196, 89); 
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}


h1 {
    color: black;
}

h4 {
    margin: 12px;
    color: rgb(199, 199, 182);
}

.nadpis {
    display: flex;
    text-align: center;
    display: inline-block;
    width: fit-content;
    flex-direction: column;
    margin-top: 62px;
    padding: 18px;
    background-color: rgb(214, 214, 182);
    border-radius: 12px;
    display:inline-block;
    background-color: rgb(214, 214, 182) ;
}   

.main {
    background-color: rgb(214, 214, 182);
    margin: 36px;
    padding: 18px;
    max-height: fit-content;
    max-width: fit-content ;
    border-radius: 12px;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.odsazeno {
    margin-top: 180px;
}

.login {
    background-color: rgb(84, 112, 42);
    max-height: fit-content;
    max-width: fit-content ;
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.logInp {
    background-color: rgb(214, 214, 182);
    border-radius: 8px;
    text-align: center;
    border: 1px solid rgb(153, 196, 89);
    margin-top: 4px;
    margin-bottom: 8px;
}

.logInp:hover {
    background-color: rgb(199, 199, 182);
}

.logBut {
    background-color: rgb(255, 255, 224);
    width: fit-content;
    margin-top: 18px;
    border-radius: 12px;
    border: 1px solid rgb(153, 196, 89);
}

.logBut:hover {
    background-color: rgb(240, 240, 182);
}

.regA {
    background-color: rgb(255, 255, 224);
    color: rgb(0, 0, 0);
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid rgb(153, 196, 89);
    border-radius: 12px;
}

.regA:link {
    color: rgb(84, 112, 42);
    font-size: 110%;
}

.regA:visited {
    background-color: rgb(105, 105, 57);
}