@media (prefers-color-scheme: light) {
  :root {
    --border: #B4AB9F;
    --shadow: #AAAAAA;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --border: #3D3328;
    --shadow: #0d0d0d;
  }
}


#aiCard {
  border-radius: 20px;
  /*box-shadow: 0px 0px 6px #AAAAAA;*/
  position: relative;
  transition: all 0.15s ease-in-out;
  position: relative;
  text-align: center;
  color: white;
  margin-top:30px;
}


#aiCard .pic {
  width: 70%;
  height: 70%;
  border-radius: 20px;
  border-color: var(--border);
  border-width: 1px;
  border-style: solid;
  object-fit: cover;
}