body {
  width: 100%;
  height: 100%;
  padding: 0;
}

.box {
  position: absolute;
  transition: transform 0.5s ease-in, background 0.5s, box-shadow 0.5s ease-in;
}
.box:hover {
  box-shadow: 2px 2px 40px 5px rgba(0, 0, 0, 0.1);
  transform: perspective(100px) translateZ(4px);
  transition: transform 0.5s ease-out, background 0.5s, box-shadow 0.5s ease-out;
  z-index: 100;
}

#name-plate a {
  font-size: 0.8em;
  font-weight: 100;
  color: darkslategray;
}
#name-plate a:visited {
  color: darkslategray;
}
#name-plate a {
  cursor: pointer;
}
#name-plate {
  cursor: default;
  color: darkslategray;
  position: absolute;
  text-align: center;
  display: table;
  font-family: Arial, Helvetica, sans-serif;
}
#name-plate .info {
  display: table-cell;
  vertical-align: middle;
}
#name-plate .info .name {
  font-size: 15pt;
  font-weight: 800;
}
#name-plate .info .title {
  font-size: 10pt;
}

.box.rnd-1 {
  background: rgb(254.15, 254.15, 254.15);
}

.box.rnd-2 {
  background: rgb(253.3, 253.3, 253.3);
}

.box.rnd-3 {
  background: rgb(252.45, 252.45, 252.45);
}

.box.rnd-4 {
  background: rgb(251.6, 251.6, 251.6);
}

.box.rnd-5 {
  background: rgb(250.75, 250.75, 250.75);
}

.box.rnd-6 {
  background: rgb(249.9, 249.9, 249.9);
}

.box.rnd-7 {
  background: rgb(249.05, 249.05, 249.05);
}

.box.rnd-8 {
  background: rgb(248.2, 248.2, 248.2);
}

.box.rnd-9 {
  background: rgb(247.35, 247.35, 247.35);
}

.box.rnd-10 {
  background: rgb(246.5, 246.5, 246.5);
}

/*# sourceMappingURL=style.css.map*/