Custom Menu background color loading time

[anamsp]

Hey!
I'm working on a new website - all pages have a white background and a non-transparent white Menu-Bar, but the Info-Page (http://portfolio.verena-mueller.de/info/ ) has a colored background. As I wanted the Menu-Bar to have the same color as the background I added the following CSS:

body[data-type="page"][data-id="17"] .navbar{
background-color:  #faebdf !important;
}

It worked on the first sight, but the colored Menu-Bar loads faster than the colored background. I would like them to load at the same time. Do you have any Ideas how I could solve this?

Thanks a lot for your help!
Best, Ana

[arminunruh]

body .navbar{
transition: background-color 300ms ease;
}

maybe this!