#navbar {
    /* Grid properties */
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto;
    /* --------------- */
    background-image: url("../img/h-line.png");
    background-position: bottom;
    background-repeat: repeat-x;
    box-shadow: 0 0 0.1em 0.1em black;
    box-sizing: border-box;
    height: 52px;
}

#heading {
    /* Grid properties */
    grid-column: 2;
    grid-row: 1;
    /* --------------- */
    color: #FDE49A;
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    margin: 5px;
    text-shadow: 0px 2px 1px black;
}

#button-back:link,
#button-back:visited {
    /* Grid properties */
    grid-column: 1;
    grid-row: 1;
    /* --------------- */
    background-image: url("../img/button-back.svg");
}

#button-menu:link,
#button-menu:visited {
    /* Grid properties */
    grid-column: 3;
    grid-row: 1;
    /* --------------- */
    background-image: url("../img/button-menu.svg");
}

.button-nav:link,
.button-nav:visited {
    height: 50px;
    width: 50px;

    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    text-decoration: none;
}

.button-nav:active,
.button-nav:focus,
.button-nav:hover {
    background-position: top;
}