¿Qué fallo tan tonto debo tener?

[JustinKO]

Hola, no sabía que no se podía hacer hasta que no lo he visto en tu código, pero al parecer al tener un número al principio de tu ID no te lo reconoce en el CSS. Quítaselo y verás como funciona.
He comprobado con clases y pasa lo mismo.

según he leído en este post el problema es porque el CSS no admite números ni ciertos caracteres antes del . y # de los selectores y en caso de tener por necesidad que utilizar ese id o clase puedes poner la / delante del número:

Código CSS:

#\2cols50{
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: rgba(86, 61, 124, 0.15);
            border: 1px solid rgba(86, 61, 124, 0.2);
            width: 50%;
            position: relative;
            min-height: 1px;
            padding-right: 1.5em;
            padding-left: 1.5em;
        }
 

(esta opción la he probado en code pen y no me funciona, no sé por qué)

o poniendo el selector entre corchetes:

Código CSS:

[id="2cols50"]{
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: rgba(86, 61, 124, 0.15);
            border: 1px solid rgba(86, 61, 124, 0.2);
            width: 50%;
            position: relative;
            min-height: 1px;
            padding-right: 1.5em;
            padding-left: 1.5em;
        }
 

Saludos