body{
    background-color: #888;
}

.alignCenter{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

#canvasElm {
    display: block;
    margin: auto;
    border: 1px solid #000;
}

.dialogElm {
    font-size: 3rem;
}

#msgTextElm {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.abxyBtn{
    width: 3rem;
    height: 3rem;
    border-radius: 2rem;
    margin: 0.5rem;
    transform: rotate(-45deg);
    font-weight: bold;
}

.abxyBtnWrap{
    transform: rotate(45deg);
    width : fit-content;
    height: fit-content;
    bottom: 10%;
    right: 10%;
}