css/styles.css
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}a img{border:none}[hidden]{display:none}blockquote{quotes:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}blockquote:before,blockquote:after{content:"";content:none}@-ms-viewport{width:device-width}@viewport{width:device-width}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;background:#06202a;min-width:220px}body{font:normal 76.92308% "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;margin:7% auto;color:#fff;max-width:800px;width:87%}.wrapper{position:relative}h1,h2,h3{-moz-font-feature-settings:"liga=1, kern=1";-ms-font-feature-settings:"liga" 1, "kern" 1;text-rendering:optimizeLegibility}h1{margin-bottom:1.2em;font-size:1.125em;font-weight:900;line-height:1}h1 a{text-decoration:none !important}h2{font:800 1.75em/1.125 "proxima-nova",sans-serif;color:#fff;margin-bottom:0}#info{-webkit-transition:height 0.5s ease;-moz-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease;-webkit-hyphens:manual;-moz-hyphens:manual;hyphens:manual;margin:1em 0 .3em;line-height:1.3}#info.closed{display:none}#info.opened{display:block}#view-info{background:transparent url("../img/info-1x.png") no-repeat top right;-webkit-tap-highlight-color:rgba(0,0,0,0);text-indent:-9999px;overflow:hidden;display:block;position:absolute;height:44px;width:44px;top:-1px;right:0}#view-info:hover{opacity:.8}#view-info:active{opacity:.6}@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){#view-info{background-image:url("../img/info-2x.png");-webkit-background-size:23px 23px !important;-moz-background-size:23px 23px !important;-o-background-size:23px 23px !important;background-size:23px 23px !important}}h3{-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#0e455a;font-weight:800;font-size:1em;line-height:1;margin:2em 0 0;border-bottom:0;padding:1em;width:100%}button{font:bold 100% "Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background:#3ca5ca;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca5ca), color-stop(100%, #2d86a6));background-image:-webkit-linear-gradient(#3ca5ca,#2d86a6 100%);background-image:-moz-linear-gradient(#3ca5ca,#2d86a6 100%);background-image:-o-linear-gradient(#3ca5ca,#2d86a6 100%);background-image:linear-gradient(#3ca5ca,#2d86a6 100%);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;color:#fff;padding:1em 0 1.1em;margin:1.5em 0 0;cursor:pointer;width:100%;border:0}button:hover{background:#2d86a6;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3397ba), color-stop(100%, #287692));background-image:-webkit-linear-gradient(#3397ba,#287692 100%);background-image:-moz-linear-gradient(#3397ba,#287692 100%);background-image:-o-linear-gradient(#3397ba,#287692 100%);background-image:linear-gradient(#3397ba,#287692 100%)}button:active{background:#22667e}#iterations{font-weight:normal;display:inline}#useragent{background:#082a37;border:1px solid #0e455a;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:1em;margin:0}#respondList,.aspect-ratio,.query,.test-styles{display:none}ul{background:#082a37;border:1px solid #0e455a;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul li{border-bottom:1px solid #0e455a;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1em;width:100%;margin:0}ul li:last-child,ul li.query,ul li.resolution{border:0}ul b{float:right}ul,p{margin-bottom:1em}b{font-weight:bold}.nosupport{display:block}#orientation:before{content:"unsupported"}a{text-decoration:none;color:#3ca5ca}a:hover{text-decoration:underline}.footer{font-size:87.5%;-webkit-hyphens:manual;-moz-hyphens:manual;hyphens:manual;line-height:1.4;padding-bottom:1em;margin-top:2em;width:100%}@media only all{#respondList{display:block}.nosupport{display:none}}@media (orientation: portrait){#orientation:before{content:"portrait"}.orientation{display:block}}@media (orientation: landscape){#orientation:before{content:"landscape"}.orientation{display:block}}@media screen and (min-width: 42em){body{font-size:112.5%}}@media screen and (min-width: 54em){body{margin:4.5em auto 2em}h2{font-size:2.25em}}@media screen and (max-width: 18em){h2{font-size:1.5em}body{font-size:75%}}
