/* font-faceの呼び出し指定はcssの最初にまとめて書く。特別な指定が上書きで効くように */
@font-face {
    font-family: 'arraybold';
    src: url('fonts/array-bold-webfont.woff2') format('woff2'),
         url('fonts/array-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
  font-size: 16px;
  font-family: "Cossette Texte", sans-serif;
  font-weight: 400;
  font-style: normal;
  box-sizing: border-box;
  line-height: 1.1lh;
}

body{
  width: 45vw;
  margin: auto;
}

h1, h2, footer {
  font-family: 'arraybold';
  color: #3f51b5;
}

h1 {
  font-size: 3em;
  line-height: 1.5lh;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #3f51b5;
}

h3 .vocation {
  font-weight: normal;
  color:#000;
}

h4 {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 40px;
  text-decoration: underline dotted 3px #3f51b5;
}

hr {
  width: 120%;
  margin-left: -10%;
  margin-right: -10%;
  order: none;
  border-top: 4px double;
  margin-top: -14px;
}

header p {
  width: 50%;
  text-align: right;
  margin-left: auto;
  color: #a7a7a7;
}

article p {
  text-indent: 16px;
  margin: 1.1lh auto;
}

.Prelude {
margin-bottom:80px;
}

blockquote {
  font-style: italic;
  padding: 0 20px;
  color: #3f51b5;
}

footer {
  text-align: center;
  font-size: 0.8em;
  line-height: 0.2lh;
  margin-top: 60px;
}