.spelbord {
    margin: auto;     /* spelbord horizontaal centeren */
    margin-top: 20px; /* extra ruimte boven spelbord */
    border: 5px solid #999;
    padding: 10px;
    background: #005DA6;
}
.tegel {
    width: 140px;
    height: 140px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    position: relative;
    cursor: pointer;  /* cursor instellen voor tegels die kunnen omgedraaid worden */
}
.tegel.omgedraaid {
    cursor: default;  /* cursor instellen voor tegels die kunnen omgedraaid worden */
}
.tegel .voorzijde, .tegel .rugzijde {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .12s;
    border: 1px solid #000;
    border-radius: 4px;
}
.tegel .voorzijde {
    background-size: 100% 100%;
    background-color: #fcab37;
    transform: rotateY(-90deg);
    transition-delay: 0s;
}
.tegel.omgedraaid .voorzijde {
    transform: rotateY(0deg);
    transition-delay: 0.12s;
}
.tegel .rugzijde {
    background: #fcab37 url(../images/necessary/KSAlogo.png);
    transform: rotateY(0deg);
    transition-delay: 0.12s;
}
.tegel.omgedraaid .rugzijde {
    transform: rotateY(90deg);
    transition-delay: 0s;
}
#memorySpel {
    margin-bottom: 20px;
}
#memorySpel > main > button {
    margin-top: 15px;
}
#memorySpel > main {
    text-align: center;
}