header{
    align-items: center;
    background: var(--black);
    color: var(--white);
    width: 100%;
}
header > *{
    padding: 7px 20px;
}
header a,
header a:link,
header a:visited{
    color: var(--white);
    text-decoration: none;
    align-self: center;
    align-content: center;
    align-items: center;
    display: flex;
  }

header h2{
    align-items: center;
    display: flex;
    margin: 0;
}
header .material-icons{
    font-size: 40px;
}



footer{
    background: var(--grey);
    color: var(--white);
    font-family: "Readex Pro", sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding: 1em 0;
  }