body {
  display: grid;
  justify-content: center;
  align-content: center;
  min-height: 100vh;
  --dy: 1;
  --dx: 1;
  --dz: 0;
}

.card {
  width: 200px;
  height: 180px;
  border-radius: 10px;
  font-family: Helvetica;
  display: grid;
  justify-content: center;
  align-content: center;
  background: #5b3cc4;
  color: #FFFFFF;
  box-shadow: 0 9px 28px -9px #5b3cc4;
  transform: perspective(525px) translateZ(0) rotateX(var(--dx)) rotateY(var(--dy));
  transition: all 150ms linear 0s;
}