HTML / SCSS / JS with animation

My first big project!

I wanted to test a lot of things, and I'm quite happy with the results, but obviously I had some concerns that I can't solve on my own, and so I need a little help to do then an update of the site!

My problems :

1. When opening and closing on the navbar, I would like that if you click outside the 'block', it closes by itself. I had thought of making an onclick on the body, or making a fictitious transparent background, but it doesn't work .. how to do?

2. Similar to the mobile links for the nav bar, how can one close when the other opens? I saw a lot of tutorials on the internet but it is beyond me and I can not get it to stick with my code ..: '(

3. My animation works perfectly for computers, but in mobile, impossible to make the first and last block of text work, only one works and I don't know why .. really difficult to understand especially since it is the first time that I 'uses this API ..

WARNING: I have not yet finished the project and I have not yet reread myself, so there may be code duplicates and above all there are no comments! I'm on the move and it's not easy to work on a 15 ", whereas we are used to working on a 27" and three screens .. haha.

Thank you for your future help, I hope to get out of it, in any case I'm already happy with the result!