html {
	font-size: 16px;
}

a {
   text-decoration: none;
}

ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 5px;
	padding-inline-start: 40px;
	font-size: 1rem;
}

blockquote {
	border-left: 3px solid #ccc;
	padding-inline-start: 1em;
}

footer {
    color: gray;
}

.menu-item {
	white-space: nowrap;
}

.english {
	display: none;
}

.hidden {
	display: none;
}

body {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 10vh;
	margin-bottom: 10vh;
	font-size: 100%;
	line-height: 1.5;
}

p {
	font-size: 1rem;
	margin-bottom: 1.1rem;
}

h1 {
	font-size: 2.2rem;
}

h2 {
	font-size: 1.7rem;
}

h3 {
	font-size: 1.3rem;
}

.list {
	display: grid;
	grid-template-columns: 1fr fit-content(800px) 1fr;
	grid-column-gap: 20px;
}

.li-wrapper {
	position: relative;
}

.time-indicator {
	grid-column: 1;
	text-align: right;
}

.list-item {
	grid-column: 2;
}

.timestamp {
    color: #b6b6b6;
}

.citation-name {
    color: #b6b6b6;
	white-space: nowrap;
	float: right
}

body {
   font-family: 'Ubuntu';
}

.wrapper {
   max-width: 800px;
   margin: 0 auto;
   padding-left: 5vw;
   padding-right: 5vw;
}

/* for all imagest */
img {
   margin-left: 2em;
   float: right;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Thin.woff2') format('woff2'),
        url('fonts/Ubuntu-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Italic.woff2') format('woff2'),
        url('fonts/Ubuntu-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu.woff2') format('woff2'),
        url('fonts/Ubuntu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('fonts/Ubuntu-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@media (max-width: 1260px)
{
	.time-indicator {
		grid-column: 2;
		text-align: left;
		padding-inline-start: 40px;
	}
}

@media (min-width: 1261px)
{
	.time-indicator {
		padding-right: 1em;
}

@media screen {
	.no-print {
		display: inherit;
	}
	.print-only {
		display: none;
	}
}

@media print {
	.no-print {
		display: none !important;
	}
	.print-only {
		display: inherit;
	}
}