.stuff {
  background-color: rgba(223, 223, 223, 0.4235294118);
  display: flex;
  flex-flow: column wrap;
  grid-row: 2/3;
  height: 100%;
  margin: auto;
  padding: 0.5em;
}
@media screen and (prefers-color-scheme: dark) {
  .stuff {
    background-color: rgba(0, 0, 0, 0.4588235294);
  }
}

.cardwrapper {
  align-items: center;
  background: #5BCEFA;
  background: linear-gradient(337deg, rgb(91, 206, 250) 1%, rgb(245, 169, 184) 39%);
  border-radius: 10px;
  display: flex;
  height: 300px;
  justify-content: center;
  margin: 1em auto;
  padding: 1px;
  position: relative;
  width: 600px;
}

.cardshade {
  background-color: rgba(255, 255, 255, 0.8352941176);
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
@media screen and (prefers-color-scheme: dark) {
  .cardshade {
    background-color: #000000;
  }
}/*# sourceMappingURL=styles.css.map */