/* Makes everything aligned and centered */
.tables {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2%;
    margin: auto;
}

/* Styling for My Chao "frame"
For a higher number of Chao add +86px to height for each new raw */
.chaodoc {
    position: relative;
    background-color: #B1F1FF;
    border: 2px solid #4F78DC;
    top: 0;
    width: 294px;
    height: 145px;
}

.chaotitle {
    background-color: #8822FF;
    border: 1px solid #fff;
    border-radius: 20px;
    width: 254px;
    margin: 12px auto;
    padding: 6px;
    font-size: 20px;
}

/* Styling to display your own Chao 
support Chao up to 90x80 */
.mychao {
    display: flex;
    flex-direction: row;
    margin: 0px 3px;
    padding-bottom: 6px;
}

.mychaobg {
    width: 90px;
    height: 80px;
    background: url('https://www.image2url.com/r2/default/images/1776199439340-6359b7e1-2770-4820-976d-5d81006a7cee.png') no-repeat;
    text-align: center;
    margin: 0 3px;
}

.Centerer {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mychaobg > img {
    vertical-align: bottom;
}
.mychao img {
    margin-top: 10px;
}