header{
    
    
    container-name: header-container;
    container-type: inline-size;
    
    /*background: linear-gradient(135deg, #ff4d4d 0%, #8a2be2 50%, #0055ff 100%);*/
    
    z-index: 9999;
}

.header-background{
    background: linear-gradient(135deg, #ff4d4d 0%, #8a2be2 50%, #0055ff 100%);
}

.header-three-wrapper{
    
}

.main-menu{
    padding:10px;
    
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:10px 15px;
    /*flex-wrap:wrap;*/
    
    overflow-x: auto;
    overflow-y: hidden;
}

.main-menu-element{
    color:white;
    padding: 8px 0px;
    font-weight: normal;
    
    white-space: nowrap;
}
.main-menu-element:hover{
    
    font-weight: 600;
}



/* Android */
@container header-container (max-width: 500px) {
    .header-one-wrapper{
        padding-top:5px;
        padding-bottom:5px;
    }
    .header-two-wrapper{
        gap:20px 3px;
    }
    .header2-logo-image{
        
    }
    
    
}