/*
    ? @document-start
    =====================
    | GLOBAL CSS STYLES |
    ==================================================================================================================================

    ? @author:                 William J. Horn
    ? @document-name:          global-styles.css
    ? @document-created:       02/24/2022
    ? @document-modified:      02/26/2022
    ? @document-version:       v1.0.0.0

    ----------------------------------------------------------------------------------------------------------------------------------

    ? @document-about
    ==================
    | ABOUT DOCUMENT |
    ==================================================================================================================================

    Global style sheet that apply all default properties

    ----------------------------------------------------------------------------------------------------------------------------------
*/

/* ------------------------------ */
/* CSS Global Declarations: Begin */
/* ------------------------------ */
/* @program-init                  */
/* @css:"global declarations"     */
/* ------------------------------ */

/* @css:"global variables" */
/* -- Global variables -- */
:root {

    /* properties used for debugging */
    --debug-background-color: rgba(0, 0, 0, 0.5);
    --debug-border: 1px solid red;

    /* color themes */
    --theme-main-background-color: #346489;
    --theme-2nd-subheading-text-color: #2b85ca;
    --theme-default-text-color: white;
    --theme-link-hover-color: white;
    --theme-image-border-color: #def0ff;
    --theme-secondary-text-color: #fffd73;

    /* text shadows */
    --theme-nav-bar-hover-text-shadow: 0 0 5px white;

    /* font themes */
    --theme-navbar-font: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

/* @css:"global element defaults" */
/* -- Global element defaults -- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

    /* @debug-off:start"view border-boxes" */
    /* background-color: var(--debug-background-color);
    border: var(--debug-border);
    color: white; */
    /* @debug-on:end */
}

header {
    background-color: var(--theme-main-background-color);
}

a {
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: white;
    font-family: var(--theme-navbar-font);
    transition: color 0.5s;
}

li { list-style: none; }

p {
    text-align: center;
    font-size: 20px;
}

h3 {
    color: #9eff9e;
    text-align: center;
}

/* Global element pairs */
main section {
    padding: 30px 30px;
    margin-top: 35px;
    margin-bottom: 20px;
    border-radius: 15px;
}

main section h2 {
    color: var(--theme-2nd-subheading-text-color);
    margin-bottom: 40px;
    text-align: center;
}

main section:nth-child(even) {
    color: white;
    background-color: var(--theme-main-background-color);
}

main section:nth-child(even) h2 {
    color: var(--theme-secondary-text-color);
    text-decoration: none;
}

main section p {
    margin-bottom: 30px;
}

/* ? @document-end */