:root{

    --MAIN-TEXT-color:#323232; /* Color of text by default */
    --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5 */
    --MAIN-LINK-color:#588F85; /* Color of links */
    --MAIN-LINK-HOVER-color:#44756c; /* Color of hovered links */
    --MAIN-ANCHOR-color: #eaf8f6; /* color of anchors on titles */

    --MENU-HEADER-BG-color:#39acb4; /* Background color of menu header */
    --MENU-HEADER-BORDER-color:#5da697; /*Color of menu header border */

    --MENU-SEARCH-BG-color:#44756c; /* Search field background color (by default borders + icons) */
    --MENU-SEARCH-BOX-color: #5da697; /* Override search field border color */
    --MENU-SEARCH-BOX-ICONS-color: #90dbcb; /* Override search field icons color */

    --MENU-SECTIONS-ACTIVE-BG-color:#20272b; /* Background color of the active section and its childs */
    --MENU-SECTIONS-BG-color:#252c31; /* Background color of other sections */
    --MENU-SECTIONS-LINK-color: #edfcfd; /* Color of links in menu */
    --MENU-SECTIONS-LINK-HOVER-color: #e6e6e6;  /* Color of links in menu, when hovered */
    --MENU-SECTION-ACTIVE-CATEGORY-color: #777; /* Color of active category text */
    --MENU-SECTION-ACTIVE-CATEGORY-BG-color: #fff; /* Color of background for the active category (only) */

    --MENU-VISITED-color: #5da697; /* Color of 'page visited' icons in menu */
    --MENU-SECTION-HR-color: #20272b; /* Color of <hr> separator in menu */
}


body
{
   display: flex;
   height: 100%;
   background-color: var(--MENU-HEADER-BG-color);
   color: var(--MENU-SECTIONS-BG-color);
   justify-content: center;
}

#centered_body
{
   width: min(40em, 75%);
   overflow: wrap;
}

#centered_body > *
{
   margin-top: 3em;
}

#logo_holder
{
   text-align: center;
}

#login_form_holder
{
   text-align: center;
}

input
{
   border-color: var(--MENU-SEARCH-BOX-color);
   background: var(--MENU-SEARCH-BG-color);
}

input:focus
{
   border-color: none;
   box-shadow: none;
}