#loading {
    transition: opacity 500ms ease-in-out;
}
body[data-load='false'] #loading {opacity: 1;}
body[data-load='true'] #loading {opacity: 0;}

#home-page {
    transition: opacity 1000ms ease-in-out;
}
body[data-load='false'] #home-page {opacity: 0;}
body[data-load='true'] #home-page {opacity: 1;}