.ruledisplay {
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
}

b {
    color: var(--main-color);
    font-size: 18px;
}

.left{
    width: 60%;
    padding-right: 2.5%;
    margin-right: 2.5%;
    border-right: 3px solid var(--navcolor);
}

.right{
    width: 35%;
}

.modrules{
    padding-bottom: 50px;
}

@media (max-width: 768px) {
    .left{
        border: none;
    }

    .ruledisplay{
        flex-direction: column;
    }

    .left, .right{
        width: 90%;
    }

    .right{
        margin-top: 20px;
    }
}