<% include normalize %> @media screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71) { h1 { font-size: 2.4em !important; } body { font-size: 3em; } h1 img { height: 48px !important; } .defer-logo { height: 48px !important; } } /* entire viewport cover div with vertical/horizontal centered title */ html, body { height: 100%; background-color: #FFF; } .cover { height: 100%; } .title { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 250px; } html { font-family:"Helvetica Neue",Helvetica,Verdana,sans-serif; color: #000; font-weight: 300; line-height: 1.7; } h1, h2, h3 { font-family:"Old Standard TT"; font-weight: 400; line-height: 1.3; margin: 5px; } h1 { text-align: center; font-size: 6em; } #message { text-align: center; display: block; } .center { text-align: center; } h1 img { height: 32px; } a { color: #000; } .title a { text-decoration: none; } h2 { font-size: 70px; border-bottom: 2px solid black; width:95%; padding: 0 10px; margin-top: 80px; margin-right: 40px } h3 { font-size: 40px; text-align: center; } h3.intro { margin: 100px 0 100px 0; } .content { max-width: 800px; margin: 0 auto; padding: 200px 10px 100px 10px; } pre code { font-family: Monaco,Menlo,Consolas,"Courier New",monospace; display: block; padding: 9.5px; line-height: 1.428571429; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; } code { font-family: Monaco,Menlo,Consolas,"Courier New",monospace; padding: 4px; line-height: 1.428571429; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; } .hat { margin-bottom:-5px; width:100%; max-width:696px; display:block; margin-left: auto; margin-right: auto; } .trick { bottom:0; left:0; width: 100%; position:fixed; height: 40px; background-color: black; } .bar { height: 40px; background-color: black; } ul { margin:0 0 0 20px; padding: 0; } li { padding: 10px; line-height: 1.6em; list-style-type: circle; /*list-style-type: none;*/ } /*li:before{ content: ''; display: inline-block; height: 32px; width: 32px; margin: 0 12px 0 0; background-image: url(<%- img.logo64 %>); background-size: contain }*/ hr { margin-top: 50px; margin-right: 1.8%; border: 1px solid black; } .example-lazy .content img { height: 391px; width: 625px; display: block; margin: 5px auto; } .example-lazy .content .small { width: 660px; margin: 0 auto; } .example-lazy .content .small img { display: inline; height: 130px; width: 208px; } .example-lazy .content .footer { margin-bottom: 80px; } .example-lazy .content .done { position: fixed; margin: 0; padding: 10px 5px 5px 5px; bottom: 0px; height: 40px; display: block; width: 100%; border-top: 2px solid black; background: #fff; } .defer-logo { height: 20px; } .content-middle { height: 1600px; display: block; } blockquote { font-style: italic; font-size: 2em; } /* prismjs styles*/ /* Inline code */ :not(pre) > code[class*="language-"] { padding: .2em; border-radius: .3em; box-shadow: none; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #aaa; } .token.punctuation { color: #999; } .namespace { opacity: .7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol { color: #747474; } .token.selector, .token.attr-name, .token.string, .token.builtin { color: #747474; } .token.operator, .token.entity, .token.url, .language-css .token.string, .toke.variable { color: #aaa; } .token.atrule, .token.attr-value, .token.keyword { font-weight: 800; } .token.regex, .token.important { color: orange; } .token.important { font-weight: bold; } .token.entity { cursor: help; }