:root {    
    --padding: 5px;
}

.div1, .div2 {
    width: 50%; /* Fiecare div să ocupe 50% din lățimea containerului */
    padding: var(--padding);
    box-sizing: border-box; /* Asigură că padding-ul nu mărește dimensiunea totală a div-urilor */
}


.div5 {
    padding: var(--padding);
    box-sizing: border-box;
}
.divful {
    width: 100%;
    padding: var(--padding);
    box-sizing: border-box; /* Asigură că padding-ul nu mărește dimensiunea totală a div-urilor */
}

.mycontainer {
    display: flex; /* Utilizează modelul flexbox pentru a aranja elementele într-un container flexibil */
}

.cursor {
    cursor: pointer;
}

.coment {
    margin-left: 5px;
    margin-right: 5px;
}
.margin10 {
    margin-top: 10px;
}