section
{
    width                       : 100%;
    display                     : inline-block;
    background                  : rgba(255,255,255,0.5);
/*
    justify-content             : center;
    align-items                 : center;

    font-size                   : 8em;
    font-weight                 : 800;
*/
    color                       : #333;
    text-transform              : uppercase;
    background                  : var(--rgbacolor);
}

#tag
{

    top                         : 0;
    width                       : 100%;
   /* background                  : rgba(0,0,0,0.5);*/
    display                     : flex;
    justify-content             : space-between;
    align-items                 : center;
    padding                     : 10px 50px 0;
    
}

.TitleLogo
{
    position                    : relative;
    width                       : 100%;
    color                       : #000;
    font-size                   : 2em;
    font-weight                 : 700;
    text-decoration             : none;
}

/*.container */
#tag nav 
{
    display                     : flex ;
    gap                         : 10px;

}

/*.container */ 
#tag nav a
{
    position                    : relative;
    text-decoration             : none;
    padding                     : 12px 20px;
    color                       : #fff;
    font-weight                 : 500;
    
}
/*.container */
#tag nav a.active 
{
    background                  : var(--rgbacolor);
    color                       :#000;
    border-top-left-radius      : 10px;
    border-top-right-radius     : 10px; 
}

/*.container */
#tag nav a.active::before 
{
    content                     : '';
    position                    : absolute;
    left                        : -20px;
    bottom                      : 0 ;
    width                       : 20px;
    height                      : 20px;
    background                  : transparent;
    border-bottom-right-radius  : 20px;
    box-shadow                  : 5px 5px 0 5px var(--rgbacolor);
}


/*.container */
#tag nav a.active::after
{
    content                     : '';
    position                    :absolute;
    right                       : -20px;
    bottom                      : 0 ;
    width                       : 20px;
    height                      : 20px;
    background                  : transparent;
    border-bottom-left-radius   : 20px;
    box-shadow                  : -5px 5px 0 5px var(--rgbacolor);

}