.card {
  display:inline-block;
  float:left;
  width:300px;
  height:175px;
  margin:15px;
  padding-top:5%;
  text-align:center;
  border: 1px solid grey;
  background-color:#575594;
  color:white;
  font-family:'Helvetica';
  cursor:pointer;
}

.card:hover {
  background-color:rgba(87, 85, 148, 0.75);
  color:black;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}
.reset {
  display:block;
  width:50px;
  height:1.25em;
  color:white;
  text-align: center;
  background-color:rgba(87, 85, 148, 0.75);;
  position:absolute;
  bottom:2em;
  right:25px;
  cursor:pointer;
}

.reset:hover {
  color: rgba(255,255,255,0.75);
}