@charset "UTF-8";

/**
**************************************************
*     _  __     _    _____ _            _        *
*    | |/ /    | |  / ____| |          | |       *
*    | ' / __ _| |_| |    | | ___   ___| | __    *
*    |  < / _` | __| |    | |/ _ \ / __| |/ /    *
*    | . \ (_| | |_| |____| | (_) | (__|   <     *
*    |_|\_\__,_|\__|\_____|_|\___/ \___|_|\_\    *
*                                                *
**************************************************


This file is part of the KatClock project, a simple JavaScript application show the current date 
and time in a standardized form used by NATO forces and emergency response services. For further
informations, please consult the README.md file in the root folder of this project.

Florian Meissner <florian.meissner1@volkswagen.de>
*/

/**
This file contains all CSS declarations in relation to the footer. Declarations according to 
light or dark mode shoulb be located in their respective files.
*/

footer {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: .5em;
}

footer section {
    margin: .5em 0;
}

footer #buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer #buttons>* {
    margin: 0 .2em;
    align-self: stretch;
}

footer button img {
    max-height: 48px;
}

footer #sidenotes {
    font-size: 1em;
}

footer #sidenotes #credentials {
    font-style: italic;
    font-size: .8em;
}