div.index-wrapper {
    display: flex;
    flex-flow: row wrap;
}

div.index-main {
    flex: 3 1 60%;
    margin: 1rem;
}

div.index-sidebar {
    margin: 1rem;
    flex: 1 1 30%;
}

nav#social {
  flex: 1 1 20%;
}

header .social {
    width: 1.3rem;
}

header button {
    background: var(--main-bg);
    color: var(--primary-link);
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
}

header button:hover {
    color: var(--primary-link-hover);
    cursor: pointer;
    transition: color 0.5s;
}

header button svg {
    width: 1.3rem;
}

.blurb {
    font-style: italic;
}

.hidden {
    display: none;
}