/*
background: rgb(38,34,31);
color: rgb(111,111,111);
rgb(91,91,91);
background-color: rgb(200,200,200);

uspech rgb(90, 138, 45);
warning rgb(255, 217, 0);

*/

*{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'Quicksand', sans-serif; 
}

html, body{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background: rgb(38,34,31);
    color: rgb(211,211,211);      
}

#login{
    margin: 5vh auto;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 350px;
}

input[type="text"], [type="password"], [type="email"], [type="number"]{
    border: none;
    border-bottom: 2px solid rgba(17, 16, 15, .8);
    margin: 5px;
    padding: 5px;
    background: rgb(38,34,31);
    color: white;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

input[type="text"]:hover, [type="number"]:hover, [type="password"]:hover, [type="email"]:hover, [type="text"]:focus, [type="password"]:focus, [type="email"]:focus, [type="number"]:focus{
    background: rgb(90, 138, 45);
    transition: 0.5s ease-out;
    border-radius: 10px;
}

input[type="submit"]{
    background: rgba(17, 16, 15, .8);
    color: white;
    border: none;
    padding: 5px;
    border-radius: 10px;
    margin-top: 5px;
}

input[type="submit"]:hover{
    background: rgb(90, 138, 45);
    transition: 0.5s ease-out;
}

table{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

th{
    border-bottom: 2px solid rgb(90, 138, 45);
}

tr:nth-child(even){
    background: rgba(17, 16, 15, .8);
}

#oznacene{
    background: rgb(90, 138, 45);
}

#malytxt{
    font-size: small;
}

.uspech{
    background: rgb(90, 138, 45);
}

.neuspech{
    background: rgb(180, 40, 40);
    width: 350px;
    border-radius: 10px;
    padding: 2px;
    text-align: center;
}