@keyframes rainbow {
  0%, 12.5% {
    fill: #FD0100;
  }
  12.5%, 25% {
    fill: #FB8D01;
  }
  25%, 37.5% {
    fill: #EDEC01;
  }
  37.5%, 50% {
    fill: #017840;
  }
  50%, 62.5% {
    fill: #0000FF;
  }
  62.5%, 75% {
    fill: #9B01FC;
  }
  75%, 87.5% {
    fill: #8C008B;
  }
  87.5%, 100% {
    fill: #FD0100;
  }
}
.site-header .wrapper {
  display: flex;
}
.site-header .wrapper .site-title {
  display: flex;
}
.site-header .wrapper .header-search {
  display: flex;
  padding: 17px;
}
.site-header .wrapper .site-nav {
  display: flex;
  flex-grow: 1;
  justify-content: end;
}

.site-title svg {
  height: 29.2643991px;
  padding-top: 15px;
  width: 188.104797px;
}

.rainbow {
  animation: rainbow 20s linear infinite;
  fill: #FD0100;
}

.wrapper {
  max-width: -webkit-calc(1024px - (30px * 2));
  max-width: 964px;
}

.page-content a {
  color: black;
  text-decoration: underline;
}

.site-footer a {
  color: black;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .wrapper {
    max-width: -webkit-calc(1024px - (30px * 2));
    max-width: 964px;
  }
}
@media screen and (max-width: 600px) {
  .site-header .wrapper {
    flex-direction: column;
  }
  .site-header .wrapper .header-search {
    justify-content: center;
  }
}
.contents {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.contents article {
  border: 2px solid #FD0100;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
}
.contents article:nth-of-type(2) {
  border-color: #FB8D01;
}
.contents article:nth-of-type(3) {
  border-color: #EDEC01;
}
.contents article:nth-of-type(4) {
  border-color: #017840;
}
.contents article:nth-of-type(5) {
  border-color: #0000FF;
}
.contents article:nth-of-type(6) {
  border-color: #9B01FC;
}
.contents article:nth-of-type(7) {
  border-color: #8C008B;
}

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