* {
        padding: 0;
        margin:0;
        font-family: Arial, Helvetica, sans-serif;
}

:root {
  --base-font-size: 1.3rem;
  --menu-font-size: 1.5rem;
  --base-header-size: 3rem;
  --base-line-height: 1.3em;
  --header-line-height: 1.5em;
  --background-image: url(../images/background.jpg);
  --header-image: url(../images/milkyway_banner.png);
  --font-light: #cbcbcb;
  --font-header-light: #cbcbcb;
  --font-dark: black;
}

header {
        background-color: #222222;
}

p {
        font-size: var(--base-font-size);
}
h3 {margin: 10pt 10pt;}

.basic-list {
list-style-type: none;
}
.page-title {
        display: inline-block;
        padding: 20pt;
        align-content: center;
        font-size: var(--base-header-size);
        color:var(--font-header-light);
}

.page-title>a {
        text-decoration-line: none;
        font-weight: bolder;
        color:var(--font-header-light);
}
.page-title>a:visited {
        color:var(--font-header-light);
        
}
footer{
        min-height: 10vh;
        padding:10pt;
        bottom:0;
}

footer h2 {
        margin: 10pt 0;
}

.menu-item>a {
        font-size: var(--menu-font-size);
        color: var(--font-light);
        text-decoration: none;
}
.menu-item>a:visited {
        color: var(--font-light);
}
.menu-item-spacer {
        flex:2;
}

.centered {
        display:inline-block;
        width:100%;
        text-align: center;
}

footer>h2 {
display: inline-block;
height:100%;
}

footer p {
        font-size: 1rem
}