HEADER{
    position: relative;
    background-color: var(--m5ColumnFillBackground);
    padding:6rem var(--uiDesktopHorizontalPadding) 2rem var(--uiDesktopHorizontalPadding);
    text-align: center;
    border-radius: 0 0 4rem 4rem;
    z-index: 1;
}

HEADER H1{
    font-size:2.5rem;
    margin:1rem 0 2rem 0;
}

HEADER H3{
    color:var(--themeMain);
}

.questionRow{
    border-bottom: 1px solid var(--borderColorMain);
    padding:1rem;
    display: flex;
    align-items: center;
    align-content: center;
}

.questionRow.collection{
    font-weight:bold;
    text-align: center;
    background-color: var(--backgroundFillMain);
}

.questionRow .cell{
    flex:1 1 100%;
    padding:0.5rem;
}

.questionRow .cell.number{
    flex: none;
    width:3rem;
    font-size:1.2rem;
    font-weight: bold;
    color: var(--themeMain);
}

.sideBarColumn .buttons .button.main{

}

.sideBarColumn .buttons .button{
    font-size:1.2rem;
    font-weight: bold;
    margin: 0 0.5rem 0.75rem 0;
    padding: 1rem;
    display:block;
    text-align: center;
}

.sideBarColumn .buttons .button.main{
    background-color: var(--themeMain);
    border-color: #00000022;
    color:#FFF;
    padding:1rem 3rem;
}