@font-face {
    font-family: 'Arsapia Mono';
    src: url('arsapia.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Fragment Mono';
    src: url('FragmentMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fragment Mono';
    src: url('FragmentMono-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Xanh Mono';
    src: url('XanhMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Xanh Mono';
    src: url('XanhMono-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
html{
        background-color: #FDF5E6;
}
body {
	font-family: 'xanh mono', 'fragment mono',monospace;
        font-weight: 400;
	padding: 30px 50px;
	color: #704214;
	max-width: 33em;
	margin: 0 auto;
}
a {
	text-decoration: none;
	color: #4d5d53;
        display:inline;
        font-size: 12px;
}

h3 a{
        font-family:  inherit;
}

a:hover {
	text-decoration: underline;
        color: gray;
}

h1, h2, h3 {
	line-height: 1.0;
}

h1 {
        font-family: serif;
	text-align: center;
        margin-bottom: 2.5em;
        font-size: 18px;
}
hr{
        border:none
}
.thought {
	padding: auto;
        font-size: 13px;
        margin-bottom: 10px;

}

.thought:target {
	border: 1px solid black;
	padding: 9px;
	border-radius: 10px;
	background: #f2f3f9;
}
.gray{
       color: gainsboro;
}
p{

}
.txt{
       display:inline;
}
.note{
      border-top: 2px dotted;
      text-align:center;
      font-size: 14px;
}