footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

h1 {
  color: var(--pico-color);
}

.stonks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: 1rem;
}

.indicators {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

.stonks-grid > div {
  border: 1px solid var(--pico-muted-border-color);
  border-radius: 0.5rem;
  padding: 1rem;
  background: var(--pico-background-color);
}

/* Remove the underline from all tooltips */
[data-tooltip]:not(a,button,input,[role=button])  {
  border-bottom: none;
  text-decoration: none; /* Just in case it's a link or using text-decoration */
}

.generated {
  padding-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}