.placeholder12
{
    width: 100%;
    margin: 0px auto;
}

.paddingBox12 {
    font: 13px Tahoma;
    padding: 0% 2% 2% 2%;
    position: relative;
    min-height: 424px;
}

    .paddingBox12 h3.title {
        position: absolute;
        top: 0;
        width: 100%;
        right: 0;
    }

body {
}

.Card {
    width: 22%;
    height: 100px;
    margin: 10px;
    display: inline-block;
}
.Card :hover
{
    cursor: pointer;
}

.front {
    padding-top: 20%;
    border: 1px black solid;
    background-color: white;
    text-align: center;
    /*background-image: url('../../Images/Logo90.png');*/
    background-repeat: no-repeat;
    background-position: center;
    background-color: #E6E6E6;
}

.back {
    padding-top: 20%;
    border: 1px black solid;
    background-color: #D09600;
    text-align: center;
}

.Solved {
    text-align: center;
    padding-top: 20%;
    background-color: #60ADAD;
    color: white !important;
}