/* Colors
-------------------------------------------------- */
:root {
  --dark: 34, 34, 34;
  --light: 236, 231, 225;
  --accent: 239, 0, 56; }

svg {
  --dark-hex: #222222;
  --light-hex: #ECE7E1;
  --accent-hex: #ff00ff; }

/* Archive
-------------------------------------------------- */
ul.tags {
  display: flex;
  flex-flow: row wrap; }

@media screen and (min-width: 40rem) {
  ul.tags {
    margin-top: -8rem;
    margin-bottom: 10rem; } }

ul.tags li {
  list-style: none;
  background-color: rgba(34, 34, 34, 0.1);
  background-color: rgba(var(--dark), 0.1);
  border-bottom: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.05em; }

ul.tags li a {
  color: rgba(34, 34, 34, 0.8);
  color: rgba(var(--dark), 0.7); }

ul.tags li.active {
  border-bottom: 2px solid #ef0038;
  border-bottom: 2px solid rgba(var(--accent), 1); }

ul.tags li.active a {
  color: #222222;
  color: rgba(var(--dark), 1); }
/*# sourceMappingURL=archiv.css.map */