/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
    body {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    /* Default link styling */
    a {
        margin-top: 8px;
        margin-bottom: 0;
        display: inline-block;
        width: 100%;
        padding: 12px 0 12px 0;
    }

    a:link { 
        background-color: #aa1111;
        color:white; 
        text-decoration: none;    
    }

    a:visited { 
        background-color: #aa1111;
        color:white; 
    }

    a:hover, a:focus { 
        background-color: #640a0a;
        color: white; 
    }
    
    a:active { 
        background-color: #640a0a;
        color: white;
    }
    
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
    body {
        width: 50%;
        margin-right: auto;
        margin-left: auto;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        text-align: center;
        line-height: 1.5;
    }
    
    article {
        border-top:1px solid black;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    h1, h3 {
        font-weight: 500;
    }

    h2 {
        font-weight: 400;
    }

    h1, h2, h3, p {
        margin: 0;
        padding:0;
    }

    h2, h3 {
        padding-bottom: 12px;
    }
    
    h1{
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        margin-bottom: 12px;
        font-size: 18px;
    }

/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */ 
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}