body {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 0;
    margin: 0;
}

h1, h2, h5 {text-align: center;}

header, footer {
    text-align: center;
    padding: 10px;
}

main {
    padding: 20px 30px 30px 30px;
}

blockquote {padding: 5px;}

.wrapper {
    display: flex;
    flex-flow: row nowrap;
}

@media screen {
    body {
        background: royalblue;
    }

    h3, h4, h5 {color: rebeccapurple;}

    header, footer {
        background: rebeccapurple;
        color: white;
    }

    main {background: white;}

    .sidebar {flex-basis: 250px;}

    a {color: white;}
    a:hover {color: #900;}
    a:active {color: #0c0;}
    a:visited {color: white;}

    blockquote {background: powderblue;}
}

@media print {
    header {border-bottom: 2px solid black;}

    footer {border-top: 2px solid black;}

    blockquote {border: 2px solid black;}

    .do-not-print {display: none;}
}