.topic{
    display: inline;
}

hr::before .subdivider{
  width: 50%;
}

li strong {
  color: var(--color-neutral-shade3);
}

html {
  --color-primary-shade: hsl(350, 100%, 80%);
  --color-primary: hsl(350, 80%, 60%);
  --color-primary-tint: hsl(350, 60%, 40%);
  --color-accent-shade: hsl(170, 100%, 80%);
  --color-accent: hsl(170, 80%, 60%);
  --color-accent-tint: hsl(170, 60%, 40%);
  --color-link-active: hsl(350, 60%, 50%);
  --color-neutral-shaded: hsl(170, 10%, 98%);
  --color-neutral-shade2: hsl(170, 10%, 85%);
  --color-neutral-shade1: hsl(170, 10%, 68%);
  --color-neutral: hsl(170, 10%, 55%);
  --color-neutral-tint2: hsl(170, 10%, 30%);
  --color-neutral-tint3: hsl(170, 10%, 18%);
  --color-neutral-tinted: hsl(170, 10%, 2%);

  --color-neutral-tint4: #221a22;
  --color-neutral-shade3: #cba0cd;
  --color-neutral-shade4: #F0F0F0;
  --color-neutral-tint1: #A49393;
  --color-link:#FCC7FF;
  --color-link-visited:#FCC7FF;
  --color-link-hover: #cba0cd;

}


.grid-container{
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  grid-auto-columns: 200px;
  grid-auto-rows: 200px;
  grid-gap: 1rem;
  grid-auto-flow: row;
}
.grid-container .grid-item {
  background: black;
  display: grid;
  place-items: center;
  transition: background-color 0.3s;
}
.grid-container div a{
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  color: transparent;
  text-decoration: none;
  background-color: transparent;
  transition-property: background-color, color;
  transition-duration: 0.3s;
}

.center-text{
  display: flex;
  justify-content: center;
  align-items: center;
}


.grid-item div{
  padding: .4em;

}

.grid-container div a .grid-item-hover{

}
.grid-container div .grid-item-noimage{
  position: relative
}
.grid-container div .grid-item-nohover{

}
.fit-in-parent{
  position: absolute;
  top: 0;
  bottom:0;
  left: 0;
  right: 0;
}

.grid-container div a:hover {
  background-color: rgba(0,0,0,0.75);
  color: white;
}

div.crumbs{
  text-align: center;
}

ul.crumbs{
  list-style: none;
  display: inline-flex;
  padding: 0;
  margin: 0;
}

ul.crumbs li{
  display: inline;
  margin-left: 0.25em;
}

ul.crumbs li:not(:last-child)::after{
  content: " > ";
}

.weeks{
  font-style: italic;
}