.small-margin { padding: 3px; }
.no-margin {
    margin: 0px;
    padding: 0px;
}
.in-black { background-color: black; }
#phase-progress {
    position: relative;
    vertical-align: middle;
    min-width: 400pt;
    height: 20pt;
}
#phase-progress p {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
 }
.black-border { border: black 3px solid; }
.card-box { overflow: hidden; }
.card-floater { float: left; }
.phase-text { vertical-align: middle; }
.phase-floater { float: right; }
.card-img {
    margin: -5px;
    width: 180px;
    height: 270px;
}
.card:hover {
    -webkit-animation: enlargeCard 0.15s;
    animation: enlargeCard 0.15s;
    transform: scale(1.6, 1.6);
}
@-webkit-keyframes enlargeCard {
  0% { transform: scale(1, 1); }
  100% { transform: scale(1.6, 1.6); }
}
@keyframes enlargeCard {
  0% { transform: scale(1, 1); }
  100% { transform: scale(1.6, 1.6); }
}