@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Gothic");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");
body {
  font-family: "Noto Sans JP", "Sawarabi Gothic", sans-serif;
  margin: 0;
  background-color: #fafafa;
}

/*上まで共通*/
main .contents {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
main .contents > div {
  margin: 0;
  width: 22vw;
  height: 70vh;
  border-radius: 20px;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in;
}
main .contents > div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 2.5rem;
}
main .contents > div a p {
  transition: all 0.2s ease-in;
}
main .contents > div a p:nth-child(2) {
  display: none;
}
main .contents > div:hover {
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  transform: scale(0.95);
  filter: brightness(1.2);
}
main .contents > div:hover p:nth-child(1) {
  display: none;
}
main .contents > div:hover p:nth-child(2) {
  display: block;
}
main .contents > div:not(:last-of-type) a {
  color: white;
}

h1 {
  margin: 10vh 0;
  text-align: center;
}

.easy {
  background-color: #B15A5E;
}

.normal {
  background-color: #D4B572;
}

.hard {
  background-color: #003740;
}

.sparcling {
  background-color: #BDECEA;
}
.sparcling a {
  color: black;
}

.title {
  text-align: center;
}/*# sourceMappingURL=home.css.map */