Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

3 tests: selector limit, number of CSS files, CSS file size

  • Loading branch information...
commit 57c7caa6745ee0dd35104bf64ac8afc42a0a930d 1 parent e402cd9
@foobear foobear authored
View
2  .gitignore
@@ -0,0 +1,2 @@
+/.bundle
+/.sass-cache
View
4 Gemfile
@@ -0,0 +1,4 @@
+source :rubygems
+
+gem "middleman", "~>3.0.0"
+gem 'therubyracer'
View
110 Gemfile.lock
@@ -0,0 +1,110 @@
+GEM
+ remote: http://rubygems.org/
+ specs:
+ activesupport (3.2.8)
+ i18n (~> 0.6)
+ multi_json (~> 1.0)
+ chunky_png (1.2.6)
+ coffee-script (2.2.0)
+ coffee-script-source
+ execjs
+ coffee-script-source (1.3.3)
+ compass (0.12.2)
+ chunky_png (~> 1.2)
+ fssm (>= 0.2.7)
+ sass (~> 3.1)
+ execjs (1.4.0)
+ multi_json (~> 1.0)
+ ffi (1.1.5)
+ fssm (0.2.9)
+ haml (3.1.7)
+ hike (1.2.1)
+ http_router (0.10.2)
+ rack (>= 1.0.0)
+ url_mount (~> 0.2.1)
+ i18n (0.6.0)
+ libv8 (3.3.10.4)
+ listen (0.4.7)
+ rb-fchange (~> 0.0.5)
+ rb-fsevent (~> 0.9.1)
+ rb-inotify (~> 0.8.8)
+ maruku (0.6.0)
+ syntax (>= 1.0.0)
+ middleman (3.0.0)
+ middleman-core (= 3.0.0)
+ middleman-more (= 3.0.0)
+ middleman-sprockets (= 3.0.0)
+ middleman-core (3.0.0)
+ activesupport (~> 3.2.6)
+ bundler (~> 1.1)
+ listen (~> 0.4.7)
+ rack (~> 1.4.1)
+ rack-test (~> 0.6.1)
+ thor (~> 0.15.4)
+ tilt (~> 1.3.1)
+ middleman-more (3.0.0)
+ coffee-script (~> 2.2.0)
+ coffee-script-source (~> 1.3.3)
+ compass (>= 0.12.2)
+ execjs (~> 1.4.0)
+ haml (>= 3.1.6)
+ i18n (~> 0.6.0)
+ maruku (~> 0.6.0)
+ middleman-core (= 3.0.0)
+ padrino-helpers (= 0.10.7)
+ sass (>= 3.1.20)
+ uglifier (~> 1.2.6)
+ middleman-sprockets (3.0.0)
+ middleman-more (= 3.0.0)
+ sprockets (~> 2.1)
+ sprockets-sass (~> 0.8.0)
+ multi_json (1.3.6)
+ padrino-core (0.10.7)
+ activesupport (~> 3.2.0)
+ http_router (~> 0.10.2)
+ sinatra (~> 1.3.1)
+ thor (~> 0.15.2)
+ tilt (~> 1.3.0)
+ padrino-helpers (0.10.7)
+ i18n (~> 0.6)
+ padrino-core (= 0.10.7)
+ rack (1.4.1)
+ rack-protection (1.2.0)
+ rack
+ rack-test (0.6.1)
+ rack (>= 1.0)
+ rb-fchange (0.0.5)
+ ffi
+ rb-fsevent (0.9.1)
+ rb-inotify (0.8.8)
+ ffi (>= 0.5.0)
+ sass (3.2.1)
+ sinatra (1.3.3)
+ rack (~> 1.3, >= 1.3.6)
+ rack-protection (~> 1.2)
+ tilt (~> 1.3, >= 1.3.3)
+ sprockets (2.4.5)
+ hike (~> 1.2)
+ multi_json (~> 1.0)
+ rack (~> 1.0)
+ tilt (~> 1.1, != 1.3.0)
+ sprockets-sass (0.8.0)
+ sprockets (~> 2.0)
+ tilt (~> 1.1)
+ syntax (1.0.0)
+ therubyracer (0.10.2)
+ libv8 (~> 3.3.10)
+ thor (0.15.4)
+ tilt (1.3.3)
+ uglifier (1.2.7)
+ execjs (>= 0.3.0)
+ multi_json (~> 1.3)
+ url_mount (0.2.1)
+ rack
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ middleman (~> 3.0.0)
+ therubyracer
View
50 README.md
@@ -1,4 +1,48 @@
-ie-css-test
-===========
+# Internet Explorer + CSS = ☹
-Tests Internet Explorer CSS breakage
+This repository is just to test several CSS issues (true or myths) against Internet Explorer.
+
+It contains some pages that have a text which should render with a green color. On all pages, that text is initially set to a red color and made green by rules further down the stylesheets.
+
+Spoiler alert: Works in all sane browsers but IE breaks.
+
+## Issues tested
+
+So far, this allows to "test" the following issues. (It's not like we have automated tests. Fire up IE and click yourself.)
+
+### Selector limit
+
+IE will understand only the first 4095 CSS selectors and ignore any from the 4096th on.
+
+Tested with IE 8 and 9; both broken.
+
+### Number of CSS files
+
+Only the first 31 CSS files are loaded by Internet Explorer.
+
+Any files included after these are ignored.
+
+Tested with IE 8 and 9; both broken.
+
+### CSS file size
+
+There are some rumors on the interwebs about IE breaking at a file size around roughly 288 kilobytes.
+
+We generate a CSS file of about 500 kb (when built statically).
+
+Tested with IE 8 and 9, none broke. People were probably just hitting the selector limit.
+
+## Getting it running
+
+It's a [middleman](http://middlemanapp.com/) application, just because it was easy to set up. Could probably be something smaller, but who cares?
+
+The following is just a quick guide. If you need more information, please check the middleman documentation.
+
+For development:
+
+* `middleman server`
+* connect to <http://localhost:4567/>
+
+Building static HTML:
+
+* `middleman build`
View
17 build/file_size.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta charset='utf-8' />
+ <link type="text/css" href="/stylesheets/file_size.css" rel="stylesheet" media="screen" />
+
+ </head>
+ <body class='file_size'>
+ <h1>
+ File size: This should be green.
+ </h1>
+ <h2>Inspect CSS file(s):</h2>
+ <ul>
+ <li><a href="/stylesheets/file_size.css">file_size</a></li>
+ </ul>
+ </body>
+</html>
View
22 build/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta charset='utf-8' />
+
+ </head>
+ <body class='index'>
+ <h1>OMG IE!</h1>
+ <ul>
+ <li>
+ <a href="/selector_count.html">More than 4095 selectors</a>
+ </li>
+ <li>
+ <a href="/number_of_css_files.html">More than 31 CSS files</a>
+ </li>
+ <li>
+ <a href="/file_size.html">CSS file size &gt; 288kb</a>
+ (this actually works and was never a problem)
+ </li>
+ </ul>
+ </body>
+</html>
View
0  build/javascripts/all.js
No changes.
View
79 build/number_of_css_files.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta charset='utf-8' />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/bad.css" rel="stylesheet" media="screen" />
+ <link type="text/css" href="/stylesheets/good.css" rel="stylesheet" media="screen" />
+
+ </head>
+ <body class='number_of_css_files'>
+ <h1>
+ Number of css files: This should be green.
+ </h1>
+ <h2>Inspect CSS file(s):</h2>
+ <ul>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/bad.css">bad</a></li>
+ <li><a href="/stylesheets/good.css">good</a></li>
+ </ul>
+ </body>
+</html>
View
17 build/selector_count.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta charset='utf-8' />
+ <link type="text/css" href="/stylesheets/selector_count.css" rel="stylesheet" media="screen" />
+
+ </head>
+ <body class='selector_count'>
+ <h1>
+ Selector count: This should be green.
+ </h1>
+ <h2>Inspect CSS file(s):</h2>
+ <ul>
+ <li><a href="/stylesheets/selector_count.css">selector_count</a></li>
+ </ul>
+ </body>
+</html>
View
1  build/stylesheets/bad.css
@@ -0,0 +1 @@
+h1{color:red}
View
1  build/stylesheets/file_size.css
1 addition, 0 deletions not shown
View
1  build/stylesheets/good.css
@@ -0,0 +1 @@
+h1{color:green}
View
1  build/stylesheets/selector_count.css
@@ -0,0 +1 @@
+h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:red}h1{color:green}
View
52 config.rb
@@ -0,0 +1,52 @@
+require 'haml'
+
+page 'file_size'
+page 'selector_count'
+page 'number_of_css_files'
+
+# Change Compass configuration
+compass_config do |config|
+ config.output_style = :compact
+ config.line_comments = false # Disable line comments even in development
+end
+
+###
+# Helpers
+###
+
+# Automatic image dimensions on image_tag helper
+# activate :automatic_image_sizes
+
+# Methods defined in the helpers block are available in templates
+# helpers do
+# def some_helper
+# "Helping"
+# end
+# end
+
+set :css_dir, 'stylesheets'
+set :js_dir, 'javascripts'
+set :images_dir, 'images'
+
+# Build-specific configuration
+configure :build do
+ # For example, change the Compass output style for deployment
+ activate :minify_css
+
+ # Minify Javascript on build
+ # activate :minify_javascript
+
+ # Enable cache buster
+ # activate :cache_buster
+
+ # Use relative URLs
+ # activate :relative_assets
+
+ # Compress PNGs after build
+ # First: gem install middleman-smusher
+ # require "middleman-smusher"
+ # activate :smusher
+
+ # Or use a different image path
+ # set :http_path, "/Content/images/"
+end
View
203 file_size.css
203 additions, 0 deletions not shown
View
5 source/file_size.html.haml
@@ -0,0 +1,5 @@
+%h1
+ File size: This should be green.
+
+- @css = [ 'file_size' ]
+
View
11 source/index.html.haml
@@ -0,0 +1,11 @@
+%h1 OMG IE!
+
+%ul
+ %li
+ = link_to h('More than 4095 selectors'), 'selector_count.html'
+ %li
+ = link_to h('More than 31 CSS files'), 'number_of_css_files.html'
+ %li
+ = link_to h('CSS file size > 288kb'), 'file_size.html'
+ (this actually works and was never a problem)
+
View
1  source/javascripts/all.js
@@ -0,0 +1 @@
+//= require_tree .
View
16 source/layouts/layout.haml
@@ -0,0 +1,16 @@
+!!!
+- @css = Array.wrap(@css)
+%html
+ %head
+ %meta{:charset => "utf-8"}
+ - @css.each do |filename|
+ = stylesheet_link_tag filename
+ =# yield_content :head
+ %body{:class => page_classes}
+ = yield
+
+ - if @css.any?
+ %h2 Inspect CSS file(s):
+ %ul
+ - @css.each do |filename|
+ %li= link_to filename, "stylesheets/#{filename}.css"
View
5 source/number_of_css_files.html.haml
@@ -0,0 +1,5 @@
+%h1
+ Number of css files: This should be green.
+
+- @css = [ 'bad' ] * 31 + [ 'good' ]
+
View
5 source/selector_count.html.haml
@@ -0,0 +1,5 @@
+%h1
+ Selector count: This should be green.
+
+- @css = 'selector_count'
+
View
3  source/stylesheets/bad.css.sass
@@ -0,0 +1,3 @@
+h1
+ color: red
+
View
12 source/stylesheets/file_size.css.sass
@@ -0,0 +1,12 @@
+h1
+ color: red
+
+@for $i from 1 through 100
+ #some_other_selector_#{i}
+ &.with_a_really_long_name.so_we_dont_clash_with.the_selector_count
+ @for $n from 1 through 300
+ something-#{$n}: 23
+
+h1
+ color: green
+
View
3  source/stylesheets/good.css.sass
@@ -0,0 +1,3 @@
+h1
+ color: green
+
View
7 source/stylesheets/selector_count.css.sass
@@ -0,0 +1,7 @@
+@for $i from 1 through 4095
+ h1
+ color: red
+
+h1
+ color: green
+
Please sign in to comment.
Something went wrong with that request. Please try again.