body {
    background-color: white;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 10px;
    }
.emri{
    font-size: 30px;
    color: red;
    font-style: italic;
    font-weight: 900;
    text-align: justify;

}

.header {
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px;
    font-size: 18px;
}
.header .item {
    flex: 1;
    display: inline-block;
}
.header a, .header select {
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
}
.header select {
    flex: 1;
    margin: 0 10px;
}


   

.item {
    display: inline-block;
    padding: 0px;
    margin-left: 85px;
    
    
}
 
.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 18px;
    font-color
}

        .table-container {
            flex: 1 1 45%;
            padding: 10px;
            box-sizing: border-box;
        }
    
            
        .mesuesit1, .mesuesit2, .mesuesit3, .mesuesit4, .mesuesit5 {
            padding: 60px;
            margin: 30px;
            border-radius: 20px;
            width: auto;
            height: auto;
            max-width: 720px;
            text-align: justify;
        }
        .mesuesit1 { background-color: antiquewhite; }
        .mesuesit2 { background-color: skyblue; }
        .mesuesit3 { background-color: wheat; }
        .mesuesit4 { background-color: yellow; }
        .mesuesit5 { background-color: bisque; }
      
   
        
        @media (max-width: 600px) {
            .header {
                font-size: 16px;
                padding: 5px;
            }

            .header .item {
                margin-left: 0;
            }

            .item {
                margin-left: 0;
                padding: 5px;
            }

            .container {
                font-size: 16px;
            }
            .table-container {
                flex: 1 1 100%; /* Në pajisjet mobile, bëj që elementet të zënë 100% të gjerësisë */
            }
        
            .mesuesit1, .mesuesit2, .mesuesit3, .mesuesit4, .mesuesit5 {
                padding: 30px;
                margin: 15px;
            }
        }