#ratioContainer{display:inline-block;padding-top:11px;text-align:center;}#ratioContainer span{border:1px solid #ccc;border-radius:6px;display:inline-block;margin-bottom:10px;padding:10px;min-width:7em;}#ratio,#textBackRatio,#linkTextRatio,#linkBackRatio{display:block;font-size:2em;}#permalink{display:block;}#maincontent h2{padding-top:15px;}#contrastForm fieldset{border:1px solid #ccc;border-radius:8px;display:inline-block;margin:0 10px 10px 0;padding:10px;width:39%;}#contrastForm fieldset div{margin-top:.5em;}#contrastForm fieldset div div{height:10px;margin-top:0;border-radius:3px;}#contrastForm input{margin-right:.5em;vertical-align:bottom;}#contrastForm label{vertical-align:top;}#contrastForm input[type=text]{border:1px solid #777;font:100% "Open Sans",sans-serif;height:22px;padding:0 4px;text-transform:uppercase;width:5.5em;}#contrastForm input[type=color]{border:0;cursor:pointer;height:24px;padding:0;width:5.5em;}#contrastForm input[type=range]{width:100%;}#swap{background:transparent;border:0;font-size:2em;margin:1.3em .3em 0 0;vertical-align:top;}.results{float:left;}.results p{padding-bottom:2px;margin:0;padding:0;}.results span{float:right;font-weight:bold;margin:0 .5em;padding:0 .5em;text-align:center;transition:all .2s;}span.pass{background-color:#080;border-radius:.3em;color:#fff;}span.fail{color:#c00;}article{width:100%;font-size:1.125em;outline:0;margin-bottom:20px;margin-left:10px;margin-right:10px;}article h2{font-family:"Open Sans",sans-serif;color:var(--text-color);font-size:150%;border-bottom:1px solid;margin:0;margin-bottom:0;margin-bottom:6px;line-height:1.25em;font-weight:normal;text-align:left;}article p{line-height:1.5em;}#normal,#big,#ui{border:1px solid #ccc;float:right;padding:1em;text-align:center;width:460px;font-size:16px;}#big{font-size:18pt;font-weight:bold;}#fError,#bError,#lError{display:none;}#ratioContainer.pass>span,#textBackRatioContainer.pass>span,#linkTextRatioContainer.pass>span,#linkBackRatioContainer.pass>span{border:3px solid #080;padding:8px;}h2{clear:both;}