:root {
  --bg: #957ed9;
  --hl: pink;
}
body {
  background: var(--bg);
  color: white;
  overflow-wrap: break-word;
}
hr {
  border-color: white;
}
li {
  list-style: none;
}
a {
  color: var(--hl);
}
a:hover {
  color: var(--hl);
}
.btn {
  background-color: var(--hl);
  border: none;
}
.btn:hover {
  background-color: crimson;
}
.form-group {
  width: 100%;
}
.form-control {
  border: none;
  width: 100%;
}
#pie {
  text-align: center;
  color: var(--hl);
}
#pie a, #pie a:hover {
  color: white;
}
.lugar {
  text-transform: capitalize;
}
@media (max-width: 576px) {
  .tag {
    display: block;
    font-size: .8em;
  }
}