.home_page_swing_board {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    width: 90%;

    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 23px;
    padding: 10px;
    margin: 23px auto 10px auto;
    overflow: hidden;
    background-color: var(--color_bread_bg);

    transform-origin: 50%;
    /* animation: name duration timing-function delay iteration-count direction fill-mode play-state; */
    animation: home_page_swing_board 4s linear 1s infinite normal forwards running;
}

@keyframes home_page_swing_board {

    0% {
        transform: rotateZ(0deg);
    }

    30% {
        transform: rotateZ(2deg);
    }

    50% {
        transform: rotateZ(0deg);
    }

    80% {
        transform: rotateZ(-2deg);
    }

    100% {
        transform: rotateZ(0deg);
    }
}

.home_page_swing_board_row_top {
    text-align: center;
    margin: 5px;
    font-size: 23px;
    font-weight: bold;
    font-family: "Cinzel", serif;
}

.home_page_swing_board_row_bottom {
    text-align: center;
    margin: 5px;
    font-size: 12px;
    font-weight: normal;
    font-family: "Cinzel", serif;
    overflow: hidden;
    white-space: normal;

    transform-origin: 50%;
    animation: home_page_swing_board_row_bottom_move_ani 7s ease-in-out 3s infinite alternate both running;
}

@media (min-width: 0px) and (max-width: 767px) {
    .home_page_swing_board {
        border-radius: 17px;
        padding: 3px;
    }

    .home_page_swing_board_row_top {
        margin: 2px;
        font-size: 17px;
    }

    .home_page_swing_board_row_bottom {
        margin: 1px;
        font-size: 10px;
        font-weight: normal;
    }
}