.navbar {
    padding: 0rem 0rem;
    border-bottom: 1px solid hsl(0, 0%, 90%);
}

.page_header {
    background-color: hsl(222, 20%, 96%);
}

hgroup p {
    font-size: .55rem;
    font-style: italic;
    padding: .25rem 0rem;
}

.page_header .stats {
    font-size: .8em;
    color: hsl(0 0% 50%);
}

/* a { text-decoration: none; }
a:hover { text-decoration:underline; } */

h1 {
    font-weight: 500;
    color: hsl(222 20% 70%);
}

h2 {
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    color: hsl(222 20% 60%);
    background-color: hsl(222, 20%, 96%);
}

h3 {
    color: hsl(222 20% 50%);
    font-weight: normal;
}

.sub { padding: 1.5rem; }
.subh { padding-left: 1.5rem; padding-right: 1.5rem;}
.subv { padding-top: 1.5rem; padding-bottom: 1.5rem;}



.page_footer {
    background-color: hsl(222, 20%, 96%);
    border-top: 1px solid hsl(0, 0%, 90%);
}

pre {
    background-color: hsl(222, 20%, 98%);
    border: 1px solid hsl(0, 0%, 90%);
    border-radius: 5px;
}

ul li {
  list-style-type: circle;
}

.svgrid {
    display: grid;
    /* grid-template-columns: auto auto auto; */
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: .25rem;
}

.svgrid p {
    font-size: .8rem;
    padding: .0rem 0;
}

.lit {
    padding: .25rem;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    background-color: hsl(0, 0%, 90%);
    border-radius: 5px;
}