body {
    font-size: 100%;
    font-family: -apple-system, system-ui, Verdana, sans-serif;
    padding-top: 20px;
    
    max-width: 620px;
    margin: 0 auto;
    padding: 5%;
}
a {
    color: #ac4142; 
}
nav a { 
    font-weight: bold; 
}
header h1 { 
    margin-top: 1em; margin-bottom: 0.25em; 
}
header h1 a { 
    color: #000; text-decoration: none; 
}
header, nav { 
    text-align: center; 
}
nav {
    margin-top: 1em;
    margin-bottom: 1.5em;
    padding-bottom: 0.75em;
    border-bottom: 4px solid hsl(213, 32.1%, 85.3%);
    border-top: 4px solid hsl(213, 32.1%, 85.3%);
}
nav {
    margin-top: 0;
    margin-bottom: 4em;
}

nav a, h2 a { 
    text-decoration: none; 
}

nav a, #pagination a {
    display: inline-block;
    padding: 0.75em 0.5em 0.5em 0.5em;
    padding-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
}
nav a:first-child, nav strong:first-child { 
    padding-left: 0; 
}
nav a:last-child, nav strong:last-child { 
    padding-right: 0; 
}
footer {
    text-align: center;
    color: #ccc;
    line-height: 1.5em;
}
footer a { 
    color: #888; 
}
article {
    margin-bottom: 4em;
    line-height: 1.67;
}
article header h2 {
    margin-bottom: 0.25em;
}
img.badge {
    width: 2em;
    height: 2em;
}
.logo {
    width: 100%;
    margin-top: 50px;
    border-radius: 50%;     /* this makes it round */
  object-fit: cover;      /* ensures image scales well inside the circle */
  overflow: hidden;

}