@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wdth,wght@0,8..144,112.5,100..900;1,8..144,112.5,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
*/

.sans-serif {
font-family: "Roboto Serif", sans-serif !important;
/* font-family: "Raleway", sans-serif !important; */
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
    "wdth" 112.5,
    "GRAD" 0;
}

h2:after
{
    content:' ';
    display:block;
    border:1px solid lightgrey;
}
h4 {
font-size: 1.4rem;
}

.b--primary {
    border-color: #DDD;
}

.center-rounded img {
  border-radius: 50%;
}

nav .active a, main a {
    text-decoration: none;
    color: #607d8b;
}

article a, article a:link, article a:visited {
    text-decoration: none;
    color: #607d8b;
}

article pre, article code {
    font-family: "Roboto Mono" !important;
    font-size: 0.8rem !important;
}

.mt5 {
    margin-top: 0.5rem;
}

.logo-image {
    max-width: 250px;
    max-height: 110px;
}

a.tag, a.tag:link, a.tag:visited {
    text-decoration: capitalize;
  background-color: rgba(51, 51, 51, 0.05);
  border-radius: 8px;
  border-width: 0;
  color: #607d8b;
  cursor: pointer;
  display: inline-block;
  font-size: 14px
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 4px;
  padding: 5px 6px;
  text-align: center;
  transition: all 200ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

[data-el="editor"] {
  color: white;
}
[data-el="editor"][data-initialized="true"] {
  color: white;
}

blockquote {
  font-size: 1.5em;
  padding-left: 2em !important;
  line-height: 2rem;
}

.mb5 {
    margin-bottom: 1rem;
}


/* NAVIGATION */
nav small {
  text-transform: lowercase;
}

/* FOOTER */
footer a {
    font-size: 0.8em;
    text-transform: lowercase;
}