html, body 
    { 
		background: #D3D3D3;
        height: 100%;  
        margin:0;
    }

    body
    {
        background: #D3D3D3;
        color: #232a78;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
  
    a
    {
        color: #232a78;
        text-decoration: none;
    }
    a:hover{ color: #0f6db7; font-weight:bold; }

    .brandName
    {
        color:#D3D3D3;
        margin: 20px;
        margin-top: 10px;
        margin-left: 20px;
        font-size: 25;
    }

    .navPanel
    {
        background-size: cover;          /* fills the area, cropping if needed */
        height: 150px;          /* or any value you need */
        width: 100%;           /* full‑width */

        /* The image that will be forced to fill the bar */
        background-image: url('../images/h.svg');   /* <-- change the path */
        background-repeat: no-repeat;
        background-position: left top;   /* position doesn’t matter once stretched */
        background-size: 100% 100%;      /* ★ forces width = 100% and height = 100% */
    }

    ul.navMenu
    {
        height: 32px;
        display: flex;
        justify-content: right;
    }
    ul.navMenu li
    {
        width: 75px;
        margin: 4px;
        list-style-type: none;
        align-content: center;
    }
    ul.navMenu a
    {
        display: block;
        width: 100%;
        height: 100%;
    }

    .footerPanel
    {
        background-size: cover;          /* fills the area, cropping if needed */
        height: 150px;          /* or any value you need */
        width: 100%;           /* full‑width */

        /* The image that will be forced to fill the bar */
        background-image: url('../images/f.svg');   /* <-- change the path */
        background-repeat: no-repeat;
        background-position: left top;   /* position doesn’t matter once stretched */
        background-size: 100% 100%;      /* ★ forces width = 100% and height = 100% */
    }
    ul.footerMenu
    {
        height: 32px;
        display: flex;
        justify-content: right;
    }
    ul.footerMenu li
    {
        margin: 4px;
        list-style-type: none;
        align-content: center;
    }
    ul.footerMenu a
    {
        color:#D3D3D3;
        margin: 20px;
        margin-top: 110px;
        font-size: 12;
        display: block;
        width: 100%;
        height: 100%;
    }