body {
  font-family: 'Lato', sans-serif;
  font-size:19px;
  background: #edf1f5 url("../img/bg/double-bubble-outline.png") 0 0 repeat;
  color:#000;
}
a {
  color: #0d1238;
  display: inline-block;
  padding: 0px 10px;
  background: #eee;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Alegreya Sans SC', sans-serif;
  color: #1c1b1b;
  margin: 0 0 26px;
  font-weight: 900;
}
h1 {
  font-size: 50px;
}
h2 {
  margin-top: 40px;
}
code {
  display: block;
  padding: 25px;
  margin-top: 20px;
  border-left: 2px solid #c7254e;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}
header {
  background: url("../img/bg/oriental-tiles.png") 0 0 repeat;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 0px 0 10px 10px;
  margin: 0px -40px 0px;
  padding: 100px 40px;
  color: #fff;
  font-size: 50px;
}
header a:hover {
  text-decoration: none;
}
header h1, header h2 {
  color: #fff;
  padding: 0px;
  margin: 0px;
}
.italic {
  font-style: italic;
}
.box {
  max-height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
}
.container {
  background: #fff;
  padding: 0px 40px;
  -webkit-box-shadow: 0 0 10px 1px #ccc;
  box-shadow: 0 0 10px 1px #ccc;
}
.contents {
  background: #f9f9f9;
  margin-top: 40px;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px 1px #eee;
  box-shadow: 0 0 10px 1px #eee;
  border-left: 2px solid #0d1238;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}
.contents a {
  padding: 5px 0px;
  background: transparent;
}
footer {
  margin: 30px -40px 0px;
  padding: 30px 10px;
  text-align: center;
  background: #f9f9f9;
  font-size: 16px;
}

/* elements */
.scroll-top {
  display: none;
  width: 43px;
  height: 43px;
  font-size: 25px;
  background: #0d1238;
  text-align: center;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.scroll-top:hover {
  -webkit-box-shadow: 0 0 5px 1px #aaa;
  box-shadow: 0 0 5px 1px #aaa;
}

@media screen and (max-width: 768px) {
    h1 {
      font-size: 50px;
    }
    .container {
        padding: 0px 20px;
    }
    footer {
      padding: 30px 20px;
      text-align: center;
      background: #f9f9f9;
      font-size: 14px;
    }
}