.article-content {
    font-size: 1.2rem;
    line-height: 2rem;
}

img {
	max-width: 100%;
}

@font-face {
    font-family: "Open Huninn";
    font-style: normal;
    font-weight: normal;
    /* src: url("/fonts/jf-openhuninn-2.1.woff2") format("woff2"), url("/fonts/jf-openhuninn-2.1.woff") format("woff"), url("/fonts/jf-openhuninn-2.1.ttf") format("truetype"); */
    src: url("../fonts/jf-openhuninn-2.1.woff2") format("woff2"), url("../fonts/jf-openhuninn-2.1.woff") format("woff"), url("../fonts/jf-openhuninn-2.1.ttf") format("truetype");
}

a, body, p, h1, h2, h3, h4, h5, h6, li, dt, dd, td, th {
  font-family: 'Open Huninn','Helvetica','Noto Sans TC',sans-serif !important;
}

.circle {
    line-height: 0;		/* remove line-height */
    display: inline-block;	/* circle wraps image */
    margin: 5px;
    border: 4px solid rgba(200,200,200,0.4);
    border-radius: 50%;	/* relative value */
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    transition: linear 0.25s;
    height: 200px;
    width: 200px;
}
.circle img {
	border-radius: 70%; /* relative value for adjustable image size */
}
.circle:hover {
    transition: ease-out 0.2s;
    border: 4px solid rgba(0,0,0,0.2);
    -webkit-transition: ease-out 0.2s;
}
a.circle {
  color: transparent;
}