@font-face{
  font-family:garamond;
  src:url(fonts/garamond.woff2)
}
@font-face{
  font-family:source sans;
  src:url(fonts/sourcesans.ttf)
}
@font-face{
  font-family:crimson;
  src:url(fonts/crimson.ttf)
}

.markup.file-view
{
  font-family: crimson,serif;
	font-size: 18px;
}

/* all headers from custom div */
div.markup.file-view > h1, div.markup.file-view > h2, div.markup.file-view > h3, div.markup.file-view > h4, div.markup.file-view > h5, div.markup.file-view > h6
{
	font-family: garamond,serif;
	font-weight: 400;
}

/* ===================== cloze  settings ===================== */
.flipcard {
    cursor: pointer;
}

.hidden {
    color: gray;
    background-color: gray;
    border: 1px solid black;
    transform: rotateY(-180deg);
    cursor: pointer;
}

.shown {
    -webkit-transition: all .4s linear 0s;
    transform: rotateY(-360deg);
}

div.flipcard {
    display: inline-block;
    margin: auto;
}

.hidden>img {
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
}

td.hidden > code {
	background-color: gray !important;
}

/* ========================================================== */