.memorycard {
    margin: 20px;
    vertical-align: center;
    border: 1px;
    width: 15em;
    height: 15em;
    display: inline-block;
}


.memorycard .front, .memorycard .back {
    padding: 10px;
    text-align: center;
    border: 6px rgb(105, 105, 105) solid;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .memorycard .front {
    background-color: #eee;
    font-size: 8em;
    color: grey;    
  }
  
  .memorycard .back {
    background-color: rgb(100, 100, 100);
    color: #eee;
  }
  .memorycard img {
    text-align: center;
    vertical-align: middle;
    width: 10em;
    height: 10em;
  }