<html>
<body>
<p>This text should be green if the viewport is portrait.</p>
<p style="color: green">This text should be green if the viewport is landscape.</p>
<p>Obviously, at least one should be green, but never both. Square is portrait.</p>
</body>
</html>