Making an upward pointing arrow from downward pointing one in css

I want the arrows from this(‘https://codepen.io/malavigne/pen/gMQGJd’) example to point upwards and the animations to change accordingly. I am not very good at CSS, so what can I do to make that happen?
Sorry for the weird formatting, but this is the only way SOF allowed me to post the question.

>Solution :

You can add transform: rotate(180deg); to #more-arrows rule.