<col> допустимо использовать следующие стилевые свойства: border, background, width, visibility. Остальные свойства не оказывают никакого эффекта на элемент.
1. Как его расположить в центре страницы, так чтобы он разъезжался в обе стороны, а не в одну как сейчас.
margin:auto, при неизвестной left: 50%; transform: translateX(-50%)2. Как заставить фон блока, медленно, во время раскрытия, окрашиваться в другой цвет?
html {
font-size: 6.25%; /* (100% * 1px / 16px = 6.25 | 1rem = 1px) */
}