@font-face {
  font-family: Yantramanav;
  src: url(../fonts/Yantramanav-Regular.ttf);
}
body {
  line-height: 1.4;
  font-family: Yantramanav, Arial, sans-serif;
  font-size: 18px;
  margin: 0;
  background: #ffedce;
  color: #424249;
}
h1 {
  font-size: 32px;
  line-height: 1.7;
  letter-spacing: 0.07em;
  word-spacing: 0.04em;
  text-indent: 2%;
}
h2 {
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: 0.03em;
  word-spacing: 0.02em;
  text-indent: 2%;
}
header {
  width: 60%;
  margin: auto;
  margin-bottom: 50px;
  background: #fff3e0;
  box-shadow: 0 0 10px #fff3e0;
  -webkit-box-shadow: 0 0 10px #fff3e0;
  -moz-box-shadow: 0 0 10px #fff3e0;
  padding: 10px;
}
blockquote {
  letter-spacing: 0.03em;
  word-spacing: 0.02em;
  margin: 0;
  padding: 0;
}
section {
  width: 60%;
  margin: auto;
  margin-bottom: 30px;
  background: #fff3e0;
  box-shadow: 0 0 10px #fff3e0;
  -webkit-box-shadow: 0 0 10px #fff3e0;
  -moz-box-shadow: 0 0 10px #fff3e0;
  padding: 10px;
}
footer {
  float: right;
  font-size: 16px;
  margin: 20px;
  padding: 10px;
}
img:hover {
  opacity: 0.75;
}
div {
  width: 35%;
  height: auto;
  margin: 10px 5px;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
}
.ancient {
  padding-top: 40px;
  float: right;
}
.ancient img {
  width: 65%;
}
.europe {
  padding-top: 80px;
  float: left;
}
.europe img {
  width: 65%;
}
.nineteenth {
  padding-top: 100px;
  float: right;
}
.nineteenth img {
  width: 60%;
}
.today {
  float: left;
}
.today img {
  width: 70%;
}