/* ==========================================
   MIGHTY DESIGN TOKENS
========================================== */
:root {
    --container-width: 1200px;
}

.container,
.posts-grid,
.mm-footer-inner {
    max-width: var(--container-width);
    margin: 0 auto;
}
.stats-table th:nth-child(2),
.stats-table td:nth-child(2),
.stats-table th:nth-child(3),
.stats-table td:nth-child(3){
    text-align:right;
    width:90px !important;
}
:root{

    /* Typography */

    --font-heading: "CenturyGothic", sans-serif;
    --font-body: "CenturyGothic", sans-serif;

    /* Colors */

    --color-background:#faf8f5;
    --color-surface:#ffffff;

    --color-text:#333333;
    --color-heading:#222222;

    --color-accent:#fa0063;
    --color-border:#e7ddd3;

    /* Layout */

    --content-width:760px;
    --page-width:1200px;

    /* Radius */

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:20px;

    /* Shadows */

    --shadow:
        0 12px 40px rgba(0,0,0,.08);

    /* Spacing */

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:2rem;
    --space-lg:4rem;
    --space-xl:7rem;

    /* Animation */

    --transition:.25s ease;
}


.my-4 {position: relative;
top: 200px;}

.stats-table th,
.stats-table td {
    padding: 10px 16px;
}

.stats-table th:first-child,
.stats-table td:first-child {
    text-align: left;
}

.stats-table th:nth-child(2),
.stats-table td:nth-child(2),
.stats-table th:nth-child(3),
.stats-table td:nth-child(3),
.stats-table th:nth-child(4),
.stats-table td:nth-child(4) {
    text-align: right;
    white-space: nowrap;
}

.stats-table th:nth-child(2),
.stats-table td:nth-child(2) {
    width: 100px;
}

.stats-table th:nth-child(3),
.stats-table td:nth-child(3) {
    width: 120px;
}

.stats-table th:nth-child(4),
.stats-table td:nth-child(4) {
    width: 140px;
}

.stats-table .comments {
    padding-left: 24px;
}

.stats-table th:nth-child(4),
.stats-table td:nth-child(4) {
    padding-left: 25px;
}