style.css

@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab&display=swap');

p.caption {
  color: #777;
  margin-top: 10px;
}

p, code {
  white-space: inherit;
}

pre {
  word-break: normal;
  word-wrap: normal;
}

pre, code {
  white-space: inherit;
}

p, div {
  font-family: 'Raleway';
}

a {
  font-family: 'Raleway';
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Josefin Slab', serif;
  color: #2673D9 !important;
}

.summary {
  background-color: white;
}

a {
  color: #2673D9 !important;
}

/* these are Josh Comeau's amazing style!! */
div.note {
    position: relative;
    padding: 1em;
    margin: 2em 0;
    background-size: 70px;
    background: hsla(214, 70%, 50%, 0.15);
    background-repeat: no-repeat;
    background-position: 15px center;
    border-left: solid 4px 	hsl(214, 70%, 50%)
}

div.note.image {
   content:url(img/information.svg);
}

.note-icon {
    height: 32px;
    width: 32px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 50%;
    padding: 8px;
}