@import "https://fonts.googleapis.com/css?family=Questrial";@import "https://fonts.googleapis.com/css?family=Arvo";@font-face{src:url(https://lea.verou.me/logo.otf);font-family:leaverou}section h1,#features li strong,header h2,footer p{font:100% Rockwell,Arvo,serif}*{margin:0;padding:0;font-weight:400}body{font:100%/1.5 Questrial,sans-serif;tab-size:4;hyphens:auto}a{color:inherit}section h1{font-size:250%}section section h1{font-size:150%}section h1 code{font-style:normal}section h1>a{text-decoration:none}section h1>a:before{content:'§';position:absolute;padding:0 .2em;margin-left:-1em;border-radius:.2em;color:silver;text-shadow:0 1px #fff}section h1>a:hover:before{color:#000;background:#f1ad26}p{margin:1em 0}section h1,h2{margin:1em 0 .3em}dt{margin:1em 0 0;font-size:130%}dt:after{content:':'}dd{margin-left:2em}strong{font-weight:700}code,pre{font-family:Consolas,Monaco,andale mono,lucida console,monospace;hyphens:none}pre{max-height:30em;overflow:auto}pre>code.highlight{outline:.4em solid red;outline-offset:.4em}header .intro,html.simple header{overflow:hidden}header h2{margin-top:.5em;color:#f1ad26}header h1 a{text-decoration:none}header h2{font-size:300%}header .intro p{margin:0;font:150%/1.4 Questrial,sans-serif;font-size:150%}#features{width:66em;margin-top:2em;font-size:80%}#features li{margin:0 0 2em;list-style:none;display:inline-block;width:27em;vertical-align:top}#features li:nth-child(odd){margin-right:5em}#features li:before{content:'✓';float:left;margin-left:-.8em;color:#7fab14;font-size:400%;line-height:1}#features li strong{display:block;margin-bottom:.1em;font-size:200%}header .download-button{float:right;margin:0 0 .5em .5em}#theme{position:relative;z-index:1;float:right;margin-right:-1em;text-align:center;text-transform:uppercase;letter-spacing:.2em}#theme>p{position:absolute;left:100%;transform:translateX(50%) rotate(90deg);transform-origin:top left;font-size:130%}#theme>label{position:relative;display:block;width:7em;line-height:1em;padding:3em 0;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;font-size:110%}#theme>label:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:url(img/spectrum.png) fixed}#theme>label:nth-of-type(n+2){margin-top:-2.5em}#theme>input:not(:checked)+label:hover{background:hsla(77,80%,60%,.5)}#theme>input{position:absolute;clip:rect(0,0,0,0)}#theme>input:checked+label{background:#7fab14}footer{margin-top:2em;background-position:bottom;color:#fff;text-shadow:0 -1px 2px #000}footer:before{bottom:auto;top:0;background-position:bottom}footer p{font-size:150%}footer ul{column-count:3}.download-button{display:block;padding:.2em .8em .1em;border:1px solid rgba(0,0,0,.5);border-radius:10px;background:#39a1cf;box-shadow:0 2px 10px #000,inset 0 1px hsla(0,0%,100%,.3),inset 0 .4em hsla(0,0%,100%,.2),inset 0 10px 20px hsla(0,0%,100%,.25),inset 0 -15px 30px rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 2px #000;text-align:center;font-size:250%;line-height:1.5;text-transform:uppercase;text-decoration:none;hyphens:manual}.download-button:hover{background-color:#7fab14}.download-button:active{box-shadow:inset 0 2px 8px rgba(0,0,0,.8)}#toc{position:fixed;left:1%;max-width:calc(48% - 450px);font-size:80%;opacity:.3}@media(max-width:1200px){#toc{display:none}}#toc:hover{opacity:1}#toc h1{font-size:180%}#toc li{list-style:none}#logo:before{content:'☠';float:right;font:100px/1.6 LeaVerou}.used-by-logos{overflow:hidden}.used-by-logos>a{float:left;width:33.33%;height:100px;text-align:center;background:#f5f2f0;box-sizing:border-box;border:5px solid #fff;position:relative}.used-by-logos>.uswds{background:url(img/screen-us-web-design-standards.png) no-repeat 0 0;background-size:cover;text-indent:-999em}.used-by-logos>a>img{max-height:100%;max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}label a.owner{margin:0 .5em}label a.owner:not(:hover){text-decoration:none;color:#aaa}#languages-list ul{column-count:3}#languages-list li{padding:.2em}#languages-list li[data-id=javascript]{border-bottom:1px solid #aaa;padding-bottom:1em;margin-bottom:1em;margin-right:1em}