very messy commit but things are about to get a whole lot messier :) half way through tidying up the scss
messy commit but the ::before and after are actually animating in (by adding a class)