core-numbers-project {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(425px, 1fr));
    column-gap: .525em;
    row-gap: 1em;
    justify-content: center;
    font-size: 5rem;

    >core-number {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        text-align: center;

        >:first-child {
            all: unset;
            color: var(--red);
            font-weight: 900;
            width: 100%;
        }

        >:nth-child(2) {
            all: unset;
            font-size: .325em;
            font-weight: 400;
            text-transform: uppercase;
            width: 100%;
        }
    }
}