body{
    background-color: rgb(60, 43, 43);
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 20px 0 60px 0;
}
.naslov{
    border-radius: 12px;
    max-width: 800px;           
    width: 90%;
    margin: 0 auto 30px auto;   
    background-color: rgb(148, 116, 86);
    text-align: center;
    padding: 25px 20px;         
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
h1{
    color: rgb(83, 62, 45);
}
.par{
    color: rgb(198, 169, 143);
}
.box{
    border-radius: 5px;
    background-color: rgb(198, 169, 143);
    text-align: center;     
    width: 700px;
    border: 15px solid rgb(148, 116, 86);
    padding: 50px;
    margin: 20px;
    margin-left: 345px;
}
h2{
    color: rgb(113, 28, 28);
    border-style: solid;
    border-radius: 8px;

}
.drugi p{
    border-radius: 5px;
    background-color: rgb(113, 28, 28);
    text-align: center; 
    padding: 20px;
    margin: 10px;
    color: rgb(198, 169, 143);
}
.drugi h3{
    color: rgb(60, 43, 43);
}
.treci h3{
    border-radius: 5px;
    background-color: rgb(113, 28, 28);
    text-align: center; 
    padding: 20px;
    margin: 10px;
    color: rgb(198, 169, 143);
}
.cetvrti p{
    font-size: 18px;
    color: rgb(113, 28, 28);
}
ul{
    list-style-type: none;
    text-align: center;
}
.dva{
    color: rgb(92, 11, 11);
    border-style: solid;
    border-radius: 8px;
    background-color: rgb(127, 103, 77);
}
table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 3px solid #8f6343;
    color: #a9581d;
}

tr:hover {
    background-color: rgb(111, 62, 42);
}