body {
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font: 16px sans-serif; /* Verdana */
}
a {
    /*font-weight: bold;*/
    color: #0078c1;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    cursor: pointer;
}



nav {
    height: 100px;
    width: 100%;
    position: fixed;
    z-index: 999;
    background-color: #d6d6d6; /*d5 < < d9*/
    display: flex;
    align-items: center;
}
nav img {
    height: 100%;
    object-fit: contain;
}
nav a {
    height: 100%;
    margin-right: 50px;
    display: flex;
    align-items: center;
}
nav > a {
    font-weight: bold;
}
nav input {
    margin-left: auto;
    margin-right: 50px;
}
nav + * {
    margin-top: 160px;
}



#categories, #categories > div > div {
    display: none;
}
div:hover > #categories {
    position: absolute;
    background-color: #e8e8e8;
    display: flex;
    flex-direction: column;
}
#categories > div:hover > div {
    background-color: #fafafa;
    display: flex;
}
#categories a {
    padding: .5em;
}



#footer {
    width: 100%;
    line-height: 30px;
    padding: 25px 0px 25px 0px; /* T R B L */
    background-color: #dadada; /*da < < e2*/
    text-align: center;
    margin: 100px 0px 0px 0px; /* T R B L */
}