#oc-webring-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  
  gap: 1em;
  border: 2px solid var(--somegrey);
  box-shadow:inset 1px 1px 3px var(--border-color);
  background: linear-gradient(0deg,  var(--text-colorlight) 0%,var(--white) 45%);
  border-radius: 12px;
}
#oc-webring-title {
  font-weight: bold;
  margin-bottom:-10px;
  font-family:'moonpie';
  font-size:1.3em;
  text-decoration: none;
}

#oc-webring-image {
  margin-top:20px;
  height:100px;
  filter:grayscale(1);
  transition:all .5s;
}

#oc-webring-image:hover {
  filter:revert;
}
#oc-webring-controls {
  display: block;
  gap: 1em;
  padding:1em;
}