/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./style/templates/explore.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
body {
  background-color: var(--block-bg);
}

.content {
  text-align: center;
  padding: 100px 0;
}
@media screen and (min-width: 1081px) {
  .content h1 {
    font-size: 40px;
  }
}

.desc {
  font-size: 20px;
  margin-bottom: 60px;
}

.age-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 70px 24px;
}
.age-list .item {
  width: 30%;
  text-align: center;
}
.age-list .item figure {
  position: relative;
  z-index: 1;
}
.age-list .item img {
  margin: 0 auto;
}
.age-list .item .age-title {
  border-radius: 12px 12px 12px 12px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.5);
  background: #fff;
  font-weight: 700;
  color: #000;
  display: block;
  padding: 50px 20px 40px;
  margin-top: -36px;
}

/*# sourceMappingURL=explore_style.css.map*/