/** =================== MONTSERRAT =================== **/

/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("fonts/Montserrat-Regular.woff2") format("woff2");
}

/** Montserrat Regular-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("fonts/Montserrat-Italic.woff2") format("woff2");
}

/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("fonts/Montserrat-Bold.woff2") format("woff2");
}

/** Montserrat Bold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("fonts/Montserrat-BoldItalic.woff2") format("woff2");
}
/** =================== FIN MONTSERRAT =================== **/

/** =================== Hyperlegible =================== **/

/** Atkinson Hyperlegible Regular **/
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-weight: 400;
    font-style: normal;
    src: url("fonts/Atkinson-Hyperlegible-Regular-102a.woff2") format("woff2");
}

/** Atkinson Hyperlegible Regular-Italic **/
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-weight: 400;
    font-style: italic;
    src: url("fonts/Atkinson-Hyperlegible-Italic-102a.woff2") format("woff2");
}

/** Atkinson Hyperlegible Bold **/
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-weight: 700;
    font-style: normal;
    src: url("fonts/Atkinson-Hyperlegible-Bold-102a.woff2") format("woff2");
}

/** Atkinson Hyperlegible Bold-Italic **/
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-weight: 700;
    font-style: italic;
    src: url("fonts/Atkinson-Hyperlegible-BoldItalic-102a.woff2") format("woff2");
}
/** =================== FIN Hyperlegible =================== **/

body {
  /*font-family: "Montserrat","Atkinson Hyperlegible", Arial, sans-serif;*/
  font-family: "Atkinson Hyperlegible","Montserrat", Arial, sans-serif;
  /*background: #EEE !important;*/
}

body > header {
	background-color: initial !important;
	border-bottom: initial !important;
	padding: initial !important;
	padding-top: 30px !important;
	/* margin: auto; */
}

body > header img {
	vertical-align: middle;
}

.large {
  font-size: 1.6rem;
  margin: 2rem 0;
  line-height: 1.3;
}

.post-link {
  font-size: 1.6rem;
  font-weight: bold;
}

.meta {
  color: var(--text-light);
  font-size: 1rem;
}

.blog-item {
  margin-bottom: 4rem;
}

nav a.current {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}

img+em,
figcaption {
  font-size: 0.8rem;
  font-style: normal;
  text-align: center;
  display: block;
}

.notice {
  background: var(--accent-bg);
  border: 2px solid var(--border);
  border-radius: 5px;
  padding: 1.5rem;
  margin: 2rem 0;
}

.creativecommons{
  font-size: 0.8rem;
}

.mastocomments {
	font-size: 0.9rem;
	text-align: right;
}

.home p{
  margin: 10px 0px 10px 0px;
}

.home span{
  font-size: 0.8em;
  font-family: monospace;
}