.tablesContainer {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.tablesContainer table {
    border-collapse: separate;
    border-spacing: 3px;
    border-radius: 7px;
    margin: 5px;
    width: 320px;
}

.redTable thead {
    background-color: #962a22;
    color: white;
}

.blueTable thead {
    background-color: #264f96;
    color: white;
}

.yellowTable thead {
    background-color: #ce8c05;
    color: white !important;
}

.tablesContainer thead th {
    border-radius: 5px 5px 0 0;
}

.redTable {
    background-color: #e1817a;
}

.blueTable {
    background-color: #739cce;
}

.yellowTable {
    background-color: #fbcb0a;
}

.gen1maincontainer .tablesContainer table td {
    padding: 5px;
    text-align: center;
    background-color: var(--container_color);
    color: var(--td_data);
}

.videoContainer {
    display: flex;
    justify-content: center;
}

.mewGlitchImgContainer {
    display: flex;
    justify-content: center;
}

.mewGlitchInstructions {
    display: grid;
    grid-template-columns: 300px 50px 300px 50px 300px;
    grid-auto-rows: auto;
    justify-content: center;
    align-items: center;
}

.mewGlitchInstructions svg {
    display: block;
    width: 50px;
    height: auto;
    fill: var(--text_for_sections)
}

.mewGlitchLine1,
.mewGlitchLine2,
.mewGlitchLine3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column: 1 / -1;
}

.mewGlitchLine1>div,
.mewGlitchLine2>div,
.mewGlitchLine3>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 300px;
}

.mewGlitchLineSeparatorDown {
    display: flex;
    justify-content: center;
    grid-column: 5;
    grid-row: 2;
}

.mewGlitchLineSeparatorBottomRight {
    display: flex;
    justify-content: center;
    grid-column: 1;
    grid-row: 4;
}

.mewGlitchLine3 {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 3;
    grid-row: 5;
}