:root
{
    --fontSize:22px;
    --color70: var(--colorMainFont);
    --colorContainerBackground:#f3f3f3;
    --colorContainerFont:#3c3c3c;
    --colorHighlightBackground:#25bcb4;
    --colorHighlightFont:#ffffff;

}

html,body 
{
    width:100%;
    max-width:var( --maxWidth);
    margin:auto;
    border:0px solid red;
    overflow:hidden;
    height:100dvh;
    padding-left:0px;
    padding-right:0px;
}

#divBodyContent {padding-top:10px;}


.extranav * {font-size:12px;  color:var(--colorHtmlFont);}
.extranav   {text-align:right;color:var(--colorHtmlFont);font-size:12px;padding:4px;padding-right:20px;margin-bottom:20px; }

#divBodyContent
{
    background-color: var(--colorHtmlBackground);
    max-width:700px;
    margin:auto; 

}
  




/* ------------------ HTML CONTAINER ---------------------------- */

.htmlContainer 
{
    overflow:auto;
    height:calc( 100dvh - var(--footerHeight) - var(--headerHeight)); 
    color:var(--colorHtmlFont);
}

footer      {text-align:center;}
footer img  {position:absolute;top:50%;transform: translateY(-50%);}