/** Free State Labs CSS - Business Card Stylesheet

    (c) January 2021 ryan@fsl 
**/

/** Fonts and body sizing **/
* {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    font-size: 1.3em;
}

/** 
Center the 'business card' vertically and horizontally on the page.
From: https://awik.io/center-body-content-horizontally-and-vertically-with-css/
**/
body {
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 95vh;  /** needs to be less than 100% for scroll bar issue **/
}

#container {
    background: white;
    display: inline-block;
    padding: 0;
    width: 25ch;
    max-width: 100%;
    text-align: center;
    border-top: 1px solid darkgrey;
    border-bottom: 1px solid darkgrey;
}

p {
    font-size: 1rem;
    margin-bottom: 1rem;
}

h1 {
    font-size: 2rem;
    color: navy;
    line-height: 1rem;
}

h2 {
    font-style: oblique;
    font-size: 2rem;
    line-height: 1rem;
    font-weight: 100;
    margin-bottom: 0rem;
}

/** Links **/
a {
    color: navy;
    font-family: 'Cutive Mono', monospace;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
}
a:hover {
    color: darkgray;
    text-decoration: underline;
}