CSS and jQuery Animation

CSS and jQuery Animation

Hey guys,

I`m working on this website https://storm-braces.herokuapp.com/ and I was wondering how can I make the logo after all the animation to move in the navigation menu (animated of course). 

If you need more details, let me know! Thank's!

I got this in JS:

  1. setTimeout(function () { $("#logo").animate({ height: "toggle" }, 1500); $(".intro-page").animate({ opacity: "toggle" }, 2000); }, 5500);

and this in CSS:

  1. .leftBraket, .rightBraket, .first-text, .second-text { animation-duration: 1s; } .leftBraket, .rightBraket { animation-delay: 0.8s; } .first-text { animation-delay: 3.6s; } .second-text { animation-delay: 3.8s; } .tornado { transform-origin: 50% 50%; animation-name: spin; animation-duration: 2.4s; animation-delay: 1s; animation-timing-function: linear; animation-iteration-count: 1; } @keyframes spin { from { transform: scale(0) rotateY(0deg); } to { transform: scale(1) rotateY(360deg); } }
iifasdfas
\\


Please help! Thank's .

d