Максим

:root{
  --firstcolor: blue;
}

header{
 background:var(--firstcolor);
}

https://jsfiddle.net/top5jb1f/ демо

text-align:center; центрирует inline, inline-block;
align - протух уже

календарь с датой и выбором времени
дэмо

https://codepen.io/topicstarter/pen/yEzqrE

это box-shadow очевидно ... без кода сложно кадать

Google напичкал свой браузер эксперементальными технологиями ... и из за этого он сильно отличается от других своих "Коллег"
Я не враг Google Chrome но он последние много лет показывает себя хуже чем Safari или Microsoft Ie11

а что с ней происходит ? как проявляется анимация ?

https://jsfiddle.net/lenskyuser/q2gokfa1/8/ вот так наверно

https://jsfiddle.net/lenskyuser/52z1vtst/49/ вроде бы так

https://jsfiddle.net/lenskyuser/oL4btuhx/8/ - float
https://jsfiddle.net/lenskyuser/oL4btuhx/9/ --flex

box-shadow: 1px 1px 1px #000,
                      2px 2px 1px #000,
                      3px 3px 1px #000,
                      4px 4px 1px #000,
                     5px 5px 1px #000,
                     6px 6px 1px #000;

и так сколько угодно смещайте