.confirm {
    position:absolute;
    top:20%;
    left:50%;
    margin-right:-50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding:50px;
    background-color:#F5F5F4;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    border:3px solid #9545FC;
}

.confirmText {
    background-color:#A7A7A4;
    padding:10px;
    margin-bottom:5px;
}

.confirmButtons button {
    padding:20px;
    margin:5px;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    background-color:#E8E8E8;
    border-style:1px solid;
    border-color: #9545FC;
    cursor:pointer;
}

.confirmButtons button:hover { background-color:#A7A7A4; }

.errorText {
    background-color:#FC9D9D;
}

.error {
    position:absolute;
    top:20%;
    left:50%;
    margin-right:-50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding:50px;
    background-color:#F5F5F4;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    border:3px solid #9545FC;
}

.errorButtons button {
    padding:20px;
    margin:5px;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    background-color:#E8E8E8;
    border-style:1px solid;
    border-color: #9545FC;
    cursor:pointer;
}

.errorButtons button:hover { background-color:#A7A7A4; }

.okayText {
    background-color:#E8E8E8;
}

.okay {
    position:absolute;
    top:20%;
    left:50%;
    margin-right:-50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding:50px;
    background-color:#F5F5F4;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    border:3px solid #9545FC;
}

.okayButtons button {
    padding:20px;
    margin:5px;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    background-color:#E8E8E8;
    border-style:1px solid;
    border-color: #9545FC;
    cursor:pointer;
}

.okayButtons button:hover { background-color:#A7A7A4; }

.gameOver {
    width:150px;
    height:200px;
    position:absolute;
    top:20%;
    left:50%;
    margin-right:-50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding:50px;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    border:3px solid #9545FC;
    background: url("/img/gameover.png") no-repeat bottom;
    background-color:#E8E8E8;
}

.gameOverButtons button {
    padding:10px;
    margin:5px;
    -webkit-border-radius: 28;  -moz-border-radius: 28;  border-radius: 28px;
    background-color:#E8E8E8;
    border-style:1px solid;
    border-color: #9545FC;
    cursor:pointer;
}

.gameOverButtons button:hover { background-color:#A7A7A4; }

.gameOverText {
    font-size:20px;
    width:100%;
    height:40px;
    background-color:#A7A7A4;
}