* {
	margin: 0;
	padding: 0;
	word-break: keep-all;
	font-family: garamond, sm3tmj;
	line-height: 1.7;
	background-color: #F4F4EE;
}

body {
	padding: 20px;
}

body { 
-ms-overflow-style: none; 
} 

::-webkit-scrollbar { 
display: none; 
} 

h1, 
h2 {
	font-weight: normal;
	color: #003194;
	font-size: 1.5vw;
}

h1 {
	position: fixed;
	top: 40px;
	left: 50%;
	transform: translate(-50%);
	margin: 1vw 0 1vw 0;
	z-index: 99;
	text-align: center;
	filter: drop-shadow(0px 0px 4px #003194);
	padding: 0 1vw 0 1vw;
}

p a {
  color: #F4F4EE;
  text-underline-offset: 0.4vw;
  background-color: #003194;;
}

footer a {
  color: #003194;
  text-underline-offset: 0.4vw;
}

blockquote p {
	padding: 2vw;
	border: 0.15vw #0040B7 solid;
	background-color: #003194;
	color: #F4F4EE;
	font-size: 1.5vw;
}

footer {
	margin-top: 1vw;
	color: #003194;
	font-size: 1.5vw;
	text-align: center;
}

ol {
	list-style: none;
	width: 50vw;
	position: absolute;
	top: 20vw;
	left: 50%;
	transform: translate(-50%);
}

li {
	margin-bottom: 15vw;
}

cite {
	font-style: normal;
}

@font-face {
  font-family: 'garamond';
  src: url('GaramondPremrPro.otf') format('opentype');
}

@font-face {
  font-family: 'sm3tmj';
  src: url('SM3TaeMyungJo.otf') format('opentype');
}

@media (max-aspect-ratio: 3/2) {
}

@media (max-width: 900px) {

ol {
	width: 90vw;
	top: 25vw;
}

h1 {
	font-size: 3vw;
}

blockquote p {
	font-size: 5vw;
	padding: 5vw;
}

footer {
	margin-top: 3vw;
	font-size: 3.5vw;
}

li {
	margin-bottom: 8vw;
}

.twenty {
	font-size: 3vw;
}

}