.header
{
	display: grid;
    position: relative;
	grid-template-columns: 15% 60% 25%;


    /*The padding on top defines the spacing between top of the page and the titlebar*/
    padding-top: var(--pd_titlebar_top);
}

.header_titlebar
{
    position: relative;
    background: var(--back_title);

    
    /*Space between titlebar and navbar*/
    margin-bottom: var(--mrg_title_bottom);
    
    /*Space between titlebar and border of the page */
    margin-left: var(--mrg_title_left);
    margin-right: var(--mrg_title_right);

    /*Compensation*/
    width: calc(100% - var(--mrg_title_left) - var(--mrg_title_right));
}

.header_icon
{
    grid-column: 1/2;
    width: 100%
}

titlebar
{
	align-content: center;
	background: linear-gradient(90deg, var(--colr_back_prim), var(--colr_back_prim), transparent);
}