CSS3 media query test: media query testing orientation feature.

This text should be green if the viewport is portrait.

This text should be green if the viewport is landscape.

Obviously, at least one should be green, but never both. Square is portrait.