:root {
  --bg: #fafafa;
  --font: "Archivo", sans-serif;
  /* --font-display: "Archivo Narrow", sans-serif; */
  --softblue: #586FD0;
  --purple: #7A48A4;
  --gradient: linear-gradient(45deg, var(--softblue), var(--purple));
}

body {
  margin: auto;
  min-height: 100vh;
  background: var(--bg);
  font-family: var(--font);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.bg-body {
  background-image: url(img/animals.png);
  background-size: 300px;
}

@media screen and (min-resolution: 2dppx) {
  .bg-body {
    background-image: url(img/animals@2x.png);
  }
}

.sonido {
  display: none;
}