cleanup the projects page at low widths

once again I didn't take small screen sizes into account with the
projects page, so certain elements collapsed in ugly ways.
clean up styles on animation page for low resolution

unfortunately because of the way the animations repo is styled resizing
the animation-container isn't possible without intercepting the loaded
in styles or custom placing them earlier in the CSS chain. this means
that the minimum width for this page to be useable is about 420px.
pull in update to animations for flexibility

the styles for structural elements has been pulled out into a separate
stylehseet which we don't have to load, which should save us a lot of
headache
bust out the tricks to make the animation responsive

this one was tough, as the end result isn't perfect, but I'm happy with
it for now. the animations box will shrink as needed to fit within the
viewport. since the animations themselves aren't larger than 180x180
they should fit on the smallest of screens. however, at really low
resolutions the animations start to become off-center within the
container.

I'm not supe thrilled about the animation names being /below/ the
animation container when the screen isn't wide enough to support them
side-by-side, but the container has the instructions and could be missed
entirely if it's below.
replace old styles entirely with new ones

I should have just replaced style.scss with style-news.scss from the
beginning but at this point rebasing all the changes would be a mess.