*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
  line-height: 1.6;
  word-break: keep-all;
}

@font-face {
    font-family: 'ChosunKm';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html, body {
	width: 100%;
  font-family: ChosunKm;
}

body {
background: #1AB5B5;
background: -moz-radial-gradient(center, #1AB5B5 0%, #C0DA32 33%, #1AB5B5 80%, black 100%);
background: -webkit-radial-gradient(center, #1AB5B5 0%, #C0DA32 33%, #1AB5B5 80%, black 100%);
background: radial-gradient(ellipse at center, #1AB5B5 0%, #C0DA32 33%, #1AB5B5 80%, black 100%);
}

.header {
  width: 90%;
  margin: 5em auto 2em auto;
  text-align: center;
}

.title {
  width: 80%;
  margin: 0 auto;
}

.intro {
  width: 80%;
  margin: 0 auto;
}

.quote {
  font-size: 0.8em;
  width: 70%;
  margin: 0 auto;
}

.archive {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

img {
  width: 100%;
}

iframe {
  width: 100%;
  height: auto;
  min-height: 650px;
  margin: 0 auto;
}

.credit {
  font-size: 0.5em;
  width: 90%;
  text-align: center;
}