:root {font-size:14pt;}
*{margin:0;padding:0;}
body{
    color: white;
    background-color: black;
    font-family:Arial, Helvetica, sans-serif;
    line-height: 1.25;
}
h1,h2,h3,nav{font-family:Impact,'Arial Narrow Bold',sans-serif;font-weight:bold;}
h2{font-size:xxx-large;}
a{color:white;text-decoration:none;}
a:hover{text-decoration:underline;}
.wrapper{
    margin: 0 auto;
    padding-top: 2em;
    padding-bottom:0;
    padding: min(2em, 8%);
}
#logo{margin:1em auto;}
header,footer{margin:1em auto;width:min(1000px,100%);}
header {
    display:flex;
    flex-direction:column;
    nav{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        a{margin:0 1rem;font-size:xx-large;}
    }
    hr{margin:1em 0 0;color:white;}
}
footer p{margin:1em 0;text-align:right;}
footer hr{color:white;
.featured{
    width: min(1500px, 100%);
    margin: 0 auto;
    columns: 3 350px;
    column-gap: 1em;
    img {
        display: block;
        width: 100%;
        margin-bottom: min(1em, 5%);
    }
}