All the other styles related to the layout of the page are inside main.css, helper-margin.css and helper-padding.css but they don't anything to do with the animations.
HTMLThis is the HTML for this page is not really relevant. The entire html structure of the page was created just for display purpose.
To use the animations as page transitions is extremely easy, all you have to do is use the desired animation class and use it as the body class of the document. It should look something like this:
CSSEach transition effect is a css keyframes animation stored inside animations.css file.
What you can do is to make the 'body' tag invisible using 'display:none;' css and make it visible after the page has finished loading.