a {
    text-decoration: none
}

a:link              { color: white; }
a:visited           { color: white; }
a:hover, a:focus    { color:#FAAB2D; }

body {  
    text-align:center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: #363333;
    color: white;        
}

header {
    font-size: 200%;
    margin-top: 7%;           
}

header, h3 {
    font-family:  'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}

main {
    margin-top: 7%;
    border-color:#FAAB2D;
       
    border-width:10px;
    border-style:solid;
    padding: 10px;
}

article {
    width: 300px;
    display:inline-block;
    vertical-align: top;
    margin: 10px
}
   
/* ---------------------------------------------------------
   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; }
}