body {
    background-color: antiquewhite;
    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; /* Lejon scroll horizontal */
    white-space: nowrap;
    padding: 5px;
    font-size: 0px;
    max-width: 100%; 
    box-sizing: border-box; 
    text-align: left; 
    display: flex;
    gap: 0px;
}
.item {
    display: inline-block;
    padding: 5px 10px;
    margin-left: 0; 
}
.header a, .header select {
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
}
.header select {
    flex: 1;
}
.item {
    display: inline-block;
    padding: 0px;
    margin-left: 70px;
    
    
}
 

 
.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 18px;
}

        .table-container {
            flex: 10%;
            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: gold; }
        .mesuesit2 { background-color: lawngreen; }
        .mesuesit3 { background-color: wheat; }
        .mesuesit4 { background-color: yellow; }
        .mesuesit5 { background-color: rosybrown; }
      
   
        
        @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;
            }
        }