body {
  background: #232629;
  color: #fcfcfc;
}
a {
  color: #ea81e8;
}
h1, .footer {
  text-align: center;
}
hr {
  border-color: #8800dd;
  box-shadow: 2px 2px 10px #9900ff;
  width: 100%;
  max-width: 1700px;
}
.container {
  width: 100%;
  text-align: center;
}
.serv-body, .nihongo, .english {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 4px;
  margin: 8px;
}
.serv-body {
  background-color: #170b15;
  border: 1px #a93da9 groove;
  width: 270px;
  height: 170px;
  border-radius: 10px;
}
.serv-title {
  font-size: 24px;
  font-weight: bolder;
  background-color: #000;
  color: #ffeb3b;
  border: 1px #ffeb3b groove;
  border-radius: 6px;
  text-align: center;
}
.nihongo > a, .english > a {
  color: #ffeb3b;
}
.nihongo, .english {
  width: 100%;
  max-width: 300px;
}
.nihongo {
  background-color: #21082b;
  border: 1px #ff22ff groove;
  color: #d6a9d6;
}
.english {
  background-color: #0b0c17;
  border: 1px #2196f3 groove;
  color: #5cdecd;
}