body {
  text-align: center;
}

body.main {
  background: teal;
}
body.ada {
  background: purple;
}
body.leo {
  background: orange;
}

.card {
  background: lightgray;
  display: inline-block;
  margin: 1em;
  padding: 1em;

  transform: rotate(2deg);
  transition: transform 0.2s;
}

.card:hover {
  transform: rotate(0deg);
}

.card h1 {
  font: italic small-caps 32px/2 sans-serif;
}

.card .actions {
  display: block;
  text-align: end;
}

a {
  font: italic bold small-caps 16px/1.5 cursive;
}