JS, CSS e HTML no Wordpress

[Revista EMA 0]

Recentemente instalei um site wordpress e gostaria de incluir esta animação numa página:

http://codepen.io/wedranb/pen/aNwLog

Utilizei o CSS & JS Toolbox, porém ainda não consegui colocar a animação na página:

http://www.revistaema.com.br/escreva-para-nos/

Para testar, inseri os seguintes códigos:

Para js no Header:

<script type="text/javascript">
código do codepen
</script>

para css no Header também, o código do CSS compilado:

<link rel="stylesheet" type="text/css" href="css/egg.css">

E o HTML no footer (para teste) e ao editar a página, como html também, quando inserido no footer aparece a imagem, porém sem animação e no corpo da página não aparece nada

Saberiam por favor me informar o que estou fazendo de errado?

[codercss 14]

O JS deve ser sempre carregado no fim da página, antes de </body>

O CSS deve estar no head

[Revista EMA 0]

Não tive sucesso =´[

tentei inclusive adicionar ao functions.php esse código:

add_action( 'wp_enqueue_scripts', 'addcssAndScripts');
function addcssAndScripts()
{
    if ( is_page('163') )
    {
        wp_enqueue_script( '/css/egg.js' );
        wp_enqueue_style( '/css/egg.css' );
    }
}

A página é esta: http://www.revistaema.com.br/teste/

Estou quase desistindo =´[

[Revista EMA 0]

Consegui essa resposta:

"I hope you are well today and thank you for your question.

To achieve this you have to create child theme of Activello theme then you have to develop custom page template in it as described on this page https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/#creating-custom-page-templates-for-global-use in that page template file add HTML code from http://codepen.io/wedranb/pen/aNwLog

Add js and CSS code in the child theme files egg.js egg.css respectively then load that files in the site by developing custom code as described on the below page.

https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts

Best Regards,
Movin"