1 line
No EOL
28 KiB
CSS
1 line
No EOL
28 KiB
CSS
.chapter{display:flex;flex-direction:row;font-family:lato,sans-serif;font-size:2.4rem;-webkit-font-smoothing:antialiased;line-height:1}.chapter:first-child{margin-bottom:6rem}.chapter:last-child{margin-top:6rem}.chapter a{background:#f5f0e6;color:rgba(0,0,0,.5);display:inline-block;font-size:1.8rem;line-height:3.4rem;outline:none;padding:0 1rem;text-decoration:none;height:3.4rem}.chapter a:focus{background:#ee2b98;color:#fff}.chapter__previous{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem;margin-left:-1.7rem;padding-left:0!important}.chapter__previous:before{border:1.7rem solid #fff;border-right-color:transparent;box-sizing:border-box;content:"";display:block;float:left;margin-right:.5rem;width:3.4rem;height:3.4rem}.chapter__next{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem;margin-left:auto;margin-right:-1.7rem;padding-right:0!important}.chapter__next:after{border:1.7rem solid #fff;border-left-color:transparent;box-sizing:border-box;content:"";display:block;float:right;margin-left:.5rem;width:3.4rem;height:3.4rem}pre{position:relative}code{display:block;font-family:inconsolata,monospace;font-size:2.4rem;line-height:1.5em;margin:4rem 0;overflow-x:auto;padding:0 0 0 4rem;-webkit-text-size-adjust:none}code .apache .hljs-cbracket,code .apache .hljs-tag,code .asciidoc .hljs-header,code .bash .hljs-variable,code .coffeescript .hljs-attribute,code .django .hljs-variable,code .erlang_repl .hljs-function_or_atom,code .haml .hljs-symbol,code .hljs-addition,code .hljs-constant,code .hljs-flow,code .hljs-name,code .hljs-parent,code .hljs-pragma,code .hljs-preprocessor,code .hljs-rule .hljs-value,code .hljs-stream,code .hljs-string,code .hljs-tag .hljs-value,code .hljs-template_tag,code .hljs-title,code .markdown .hljs-header,code .pf .hljs-variable,code .ruby .hljs-symbol,code .ruby .hljs-symbol .hljs-string,code .smalltalk .hljs-class,code .tex .hljs-command,code .tex .hljs-special,code .tp .hljs-variable{color:#3a29ef}code .asciidoc .hljs-blockquote,code .diff .hljs-header,code .hljs-annotation,code .hljs-chunk,code .hljs-comment,code .markdown .hljs-blockquote,code .smartquote{color:#e422d3}code .asciidoc .hljs-bullet,code .asciidoc .hljs-link_url,code .go .hljs-constant,code .hljs-change,code .hljs-date,code .hljs-hexcolor,code .hljs-literal,code .hljs-number,code .hljs-regexp,code .lasso .hljs-variable,code .makefile .hljs-variable,code .markdown .hljs-bullet,code .markdown .hljs-link_url,code .smalltalk .hljs-char,code .smalltalk .hljs-symbol{color:#67b4f0}code .apache .hljs-sqbracket,code .asciidoc .hljs-attribute,code .asciidoc .hljs-link_label,code .clojure .hljs-attribute,code .coffeescript .hljs-property,code .erlang_repl .hljs-reserved,code .haml .hljs-bullet,code .hljs-array,code .hljs-attr_selector,code .hljs-decorator,code .hljs-deletion,code .hljs-doctype,code .hljs-envvar,code .hljs-filter .hljs-argument,code .hljs-important,code .hljs-label,code .hljs-localvars,code .hljs-phony,code .hljs-pi,code .hljs-prompt,code .hljs-pseudo,code .hljs-shebang,code .lasso .hljs-attribute,code .markdown .hljs-link_label,code .nginx .hljs-built_in,code .ruby .hljs-string,code .tex .hljs-formula,code .vhdl .hljs-attribute{color:#88f}code .apache .hljs-tag,code .asciidoc .hljs-strong,code .bash .hljs-variable,code .css .hljs-tag,code .hljs-built_in,code .hljs-doctag,code .hljs-id,code .hljs-keyword,code .hljs-request,code .hljs-status,code .hljs-title,code .hljs-type,code .hljs-typename,code .hljs-winutils,code .markdown .hljs-strong,code .pf .hljs-variable,code .smalltalk .hljs-class,code .tex .hljs-command,code .tp .hljs-data,code .tp .hljs-io{font-weight:700}code:before{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));left:0}code:after,code:before{content:"";display:block;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .1s;width:8rem;height:100%}code:after{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));right:0}code.overflow-left:before,code.overflow-right:after{opacity:1}code::-webkit-scrollbar{background:transparent;width:0}.figure{background:#f5f0e6;margin:4rem 0;position:relative}.figure canvas{position:absolute;top:0;left:0;width:100%;height:100%}.figure__formula{font-family:Times New Roman,Times,serif!important;font-size:2.8rem!important;font-style:italic;-webkit-font-smoothing:antialiased;padding:4rem 4rem 0;text-align:center}.figure__formula__fraction{display:inline-block;position:relative;vertical-align:middle}.figure__formula__nominator{border-bottom:1px solid #000;display:inline-block;width:100%}.figure__formula__denominator{display:inline-block}.figure__caption{font-family:Times New Roman,Times,serif!important;font-size:2.8rem!important;font-style:italic;-webkit-font-smoothing:antialiased;bottom:7%;text-align:center}.figure__button-group,.figure__caption{position:absolute;left:20%;width:60%;z-index:10}.figure__button-group{display:flex;flex-direction:row;align-items:center;justify-content:center;bottom:10%}.figure__button-group button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.1);border:0;border-radius:3.4rem;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:Times New Roman,Times,serif!important;font-size:2rem!important;font-style:italic;-webkit-font-smoothing:antialiased;line-height:3.4rem;margin:0 .5rem;outline:none;padding:0 2rem;white-space:nowrap;height:3.4rem}.figure__button-group button:active,.figure__button-group button:focus{background:#ee2b98;color:#fff}.figure__button-group button .figure__button__symbol{font-family:lato,sans-serif;font-style:normal}.figure__button-group button .figure__button__symbol:first-child{margin-right:.5rem}.figure__button-group button .figure__button__symbol:last-child{margin-left:.5rem}.figure__toggle{display:flex;align-items:center;justify-content:center;position:absolute;bottom:7%;z-index:10;width:100%}.figure__toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.1);border-radius:2rem;margin:0 1rem;outline:none;position:relative;width:4rem;height:2rem}.figure__toggle input:after{background:#000;border-radius:2rem;content:"";display:block;position:relative;left:0;transition:left .3s;width:2rem;height:2rem}.figure__toggle input:checked:after{left:2rem}.figure__toggle label{font-family:Times New Roman,Times,serif!important;font-size:2.8rem!important;font-style:italic;-webkit-font-smoothing:antialiased;text-align:center;white-space:nowrap}.figure__range{display:flex;flex-direction:row;align-items:center;position:absolute;bottom:7%;left:20%;width:60%;z-index:10}.figure__range label{font-family:Times New Roman,Times,serif!important;font-size:2.8rem!important;font-style:italic;-webkit-font-smoothing:antialiased;text-align:center;white-space:nowrap}.figure__range input{-webkit-appearance:none;background:transparent;flex-grow:1;margin:0 2rem;outline:none;width:100%}.figure__range input::-moz-focus-outer{border:0}.figure__range input::-webkit-slider-runnable-track{background:rgba(0,0,0,.1);border-radius:2rem;cursor:pointer;width:100%;height:2rem}.figure__range input::-moz-range-track{background:rgba(0,0,0,.1);border-radius:2rem;cursor:pointer;outline:none;width:100%;height:2rem}.figure__range input::-webkit-slider-thumb{-webkit-appearance:none;background:#000;border-radius:2rem;cursor:pointer;outline:none;width:2rem;height:2rem}.figure__range input::-moz-range-thumb{-webkit-appearance:none;background:#000;border:0;border-radius:2rem;cursor:pointer;outline:none;width:2rem;height:2rem}.figure__range input:focus::-webkit-slider-runnable-track{background:rgba(238,43,152,.1)}.figure__range input:focus::-moz-range-track{background:rgba(238,43,152,.1)}.figure__range input:focus::-webkit-slider-thumb{background:#ee2b98}.figure__range input:focus::-moz-range-thumb{background:#ee2b98}.figure__curve{padding-bottom:35%}.figure--wide,.figure__curve{box-sizing:content-box;position:relative;width:100%;height:0}.figure--wide{padding-bottom:50%}.figure--square{box-sizing:content-box;padding-bottom:100%;position:relative;width:100%;height:0}.figures{display:flex;flex-direction:row}.figures .figure{flex:1 1 50%;margin:0 2rem}.figures .figure:first-child{margin-left:0}.figures .figure:last-child{margin-right:0}.figure__binary{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:9rem 0;width:auto;max-width:90%}.figure__binary--slider{padding-bottom:12rem}.figure__binary__row{display:flex;flex-direction:row;align-items:flex-start;margin:1rem 0}.figure__binary__row__label{display:flex;align-items:center;justify-content:flex-end;font-family:Times New Roman,Times,serif!important;font-size:2.6rem!important;font-style:italic;-webkit-font-smoothing:antialiased;margin-right:1rem;text-align:right;white-space:nowrap;min-width:7rem;height:4.5rem}@media screen and (max-width:940px){.figure__binary__row__label{height:4.25rem}}@media screen and (max-width:900px){.figure__binary__row__label{height:4rem}}@media screen and (max-width:860px){.figure__binary__row__label{height:3.5rem}}@media screen and (max-width:600px){.figure__binary__row__label{height:3rem}}@media screen and (max-width:500px){.figure__binary__row__label{height:2.5rem}}@media screen and (max-width:760px){.figure__binary__row--wrap{flex-direction:column}.figure__binary__row--wrap .figure__binary__row__label{margin-bottom:1rem;margin-left:auto;margin-right:auto;justify-content:center}}.figure__binary .figure__range label{width:6.5rem}.figure__binary__bits{display:flex;flex-direction:row}.figure__binary__bits__bit{border:1px solid rgba(0,0,0,.1);border-right:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden;position:relative;width:4.5rem;height:4.5rem}.figure__binary__bits__bit:last-child{border-right:1px solid rgba(0,0,0,.1)}@media screen and (max-width:940px){.figure__binary__bits__bit{width:4.25rem;height:4.25rem}}@media screen and (max-width:900px){.figure__binary__bits__bit{width:4rem;height:4rem}}@media screen and (max-width:860px){.figure__binary__bits__bit{font-size:2rem;width:3.5rem;height:3.5rem}}@media screen and (max-width:600px){.figure__binary__bits__bit{width:3rem;height:3rem}}@media screen and (max-width:500px){.figure__binary__bits__bit{font-size:1.5rem;width:2.5rem;height:2.5rem}}.figure__binary__bits__label{display:flex;flex-direction:row;justify-content:flex-end;margin-top:1rem}.figure__binary--odometer .figure__binary__bits__bit:before{content:"0";top:0}.figure__binary--odometer .figure__binary__bits__bit:after,.figure__binary--odometer .figure__binary__bits__bit:before{border-bottom:1px solid rgba(0,0,0,.1);display:none;align-items:center;justify-content:center;position:absolute;left:0;width:100%;height:100%}.figure__binary--odometer .figure__binary__bits__bit:after{content:"1";top:100%}.figure__binary--odometer .figure__binary__bits__bit--0:before{-webkit-animation:odometer-roll-in .3s;animation:odometer-roll-in .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex}.figure__binary--odometer .figure__binary__bits__bit--0:after,.figure__binary--odometer .figure__binary__bits__bit--1:before{-webkit-animation:odometer-roll-out .3s;animation:odometer-roll-out .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex}.figure__binary--odometer .figure__binary__bits__bit--1:after{-webkit-animation:odometer-roll-in .3s;animation:odometer-roll-in .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex}@-webkit-keyframes odometer-roll-in{0%{top:100%}to{top:0}}@keyframes odometer-roll-in{0%{top:100%}to{top:0}}@-webkit-keyframes odometer-roll-out{0%{top:0}to{top:calc(-100% - 1px)}}@keyframes odometer-roll-out{0%{top:0}to{top:calc(-100% - 1px)}}.figure__binary--fade .figure__binary__bits__bit:after,.figure__binary--fade .figure__binary__bits__bit:before{content:"0";display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:0;left:0;transition:opacity .5s;width:100%;height:100%}.figure__binary--fade .figure__binary__bits__bit:after{content:"1"}.figure__binary--fade .figure__binary__bits__bit--0:before,.figure__binary--fade .figure__binary__bits__bit--1:after{opacity:1}.figure__binary--fade .figure__binary__bits__bit--0.figure__binary__bits__bit--fade:before,.figure__binary--fade .figure__binary__bits__bit--1.figure__binary__bits__bit--fade:after{opacity:.2}.figure__binary--shift .figure__binary__bits__bit{overflow:visible}.figure__binary--shift .figure__binary__bits__bit--0:before{content:"0";display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.figure__binary--shift .figure__binary__bits__bit--1:before{content:"1";display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.figure__binary--shift .figure__binary__bits--shift-left .figure__binary__bits__bit:first-child{overflow:hidden}.figure__binary--shift .figure__binary__bits--shift-left .figure__binary__bits__bit:before{left:-100%;transition:left .3s}.figure__binary--shift .figure__binary__bits--shift-left-complete .figure__binary__bits__bit:last-child:before{-webkit-animation:shift-fade-in .3s;animation:shift-fade-in .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.figure__binary--shift .figure__binary__bits--shift-right .figure__binary__bits__bit:last-child{overflow:hidden}.figure__binary--shift .figure__binary__bits--shift-right .figure__binary__bits__bit:before{left:100%;transition:left .3s}.figure__binary--shift .figure__binary__bits--shift-right-complete .figure__binary__bits__bit:first-child:before{-webkit-animation:shift-fade-in .3s;animation:shift-fade-in .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes shift-fade-in{0%{opacity:0}to{opacity:1}}@keyframes shift-fade-in{0%{opacity:0}to{opacity:1}}.figure__binary__byte{background:url(/images/horizontal-bracket.svg);background-position:top;background-repeat:no-repeat;background-size:100% auto;font-family:Times New Roman,Times,serif!important;font-size:2rem!important;font-style:italic;-webkit-font-smoothing:antialiased;padding-top:2rem;text-align:center;width:36rem}@media screen and (max-width:940px){.figure__binary__byte{width:34rem}}@media screen and (max-width:900px){.figure__binary__byte{width:32rem}}@media screen and (max-width:860px){.figure__binary__byte{width:28rem}}@media screen and (max-width:600px){.figure__binary__byte{width:24rem}}@media screen and (max-width:500px){.figure__binary__byte{width:20rem}}.figure__binary__3bit{background:url(/images/horizontal-bracket-3bit.svg);background-position:top;background-repeat:no-repeat;background-size:100% auto;font-family:Times New Roman,Times,serif!important;font-size:2rem!important;font-style:italic;-webkit-font-smoothing:antialiased;padding-top:2rem;text-align:center;width:13.5rem}@media screen and (max-width:940px){.figure__binary__3bit{width:12.75rem}}@media screen and (max-width:900px){.figure__binary__3bit{width:12rem}}@media screen and (max-width:860px){.figure__binary__3bit{width:10.5rem}}@media screen and (max-width:600px){.figure__binary__3bit{width:9rem}}@media screen and (max-width:500px){.figure__binary__3bit{width:7.5rem}}.figure--dash-and-dot-3 .figure__binary__row__label{min-width:9rem}.figure--dash-and-dot-7 .figure__binary__row__label{min-width:14rem}.footer{background:#4e4c5a;color:hsla(0,0%,100%,.7);font-family:lato,sans-serif;font-size:1.6rem;-webkit-font-smoothing:antialiased;line-height:3rem;margin:6rem;padding:6rem}.footer__row{display:flex;justify-content:space-between;margin:2rem 0}.footer__row:first-child{margin-top:0}.footer__row:last-child{margin-bottom:0}.footer__column{margin:0 2rem}.footer__column:first-child{flex:0 2 90rem;margin-left:0}.footer__column:last-child{flex:0 1 40rem;margin-right:0}.footer p{margin:2rem 0}.footer p:first-child{margin-top:0}.footer p:last-child{margin-bottom:0}.footer a{color:hsla(0,0%,100%,.7);outline:none}.footer a:focus{color:#ee2b98}.footer .twitter-logo{opacity:.7;vertical-align:bottom;width:auto;height:1.7rem}.footer .linkedin-logo{margin-left:.3rem;opacity:.7;vertical-align:bottom;width:auto;height:1.8rem}.footer form{display:flex;flex-direction:row;margin-bottom:3rem;width:100%}.footer form input[type=email]{background:transparent;border:0;border-bottom:1px solid #fff;cursor:pointer;color:hsla(0,0%,100%,.7);font-family:brandon-grotesque,sans-serif;font-size:2rem;-webkit-font-smoothing:antialiased;line-height:2rem;outline:none;text-transform:uppercase;width:100%;height:3rem}.footer form input[type=email]::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.footer form input[type=email]::-moz-placeholder{color:hsla(0,0%,100%,.7)}.footer form input[type=email]:-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.footer form input[type=email]::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.footer form input[type=email]::placeholder{color:hsla(0,0%,100%,.7)}.footer form input[type=email]:focus{border-color:#ee2b98;color:#ee2b98}.footer form input[type=email]:focus::-webkit-input-placeholder{color:#ee2b98}.footer form input[type=email]:focus::-moz-placeholder{color:#ee2b98}.footer form input[type=email]:focus:-ms-input-placeholder{color:#ee2b98}.footer form input[type=email]:focus::-ms-input-placeholder{color:#ee2b98}.footer form input[type=email]:focus::placeholder{color:#ee2b98}.footer form input[type=submit]{background:transparent;border:1px solid hsla(0,0%,100%,.7);border-radius:.3rem;color:hsla(0,0%,100%,.7);font-family:brandon-grotesque,sans-serif;font-size:2rem;-webkit-font-smoothing:antialiased;margin-left:1rem;outline:none;padding:0 1.2rem;text-transform:uppercase;height:3rem}.footer form input[type=submit]:focus{border-color:#ee2b98;color:#ee2b98}@media screen and (max-width:640px){.footer{margin:2rem;padding:2rem}.footer__row{display:block}.footer__column{margin:0}.footer__column:first-child{margin-bottom:4rem}}.header{display:flex;flex-direction:column;justify-content:space-between;font-family:brandon-grotesque,sans-serif;font-size:2rem;-webkit-font-smoothing:antialiased;line-height:2rem;padding:0 6rem 6rem;width:100%}.header a{color:inherit;outline:none;text-decoration:none;text-transform:uppercase}.header a:focus{color:#000!important}.header a:active{color:inherit!important}.header__navbar{color:#ee2b98;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4rem 0 2rem;z-index:100}@media screen and (max-width:640px){.header__navbar{padding-top:0}}.header__logo{font-size:1.1em;font-weight:900;outline:none;white-space:nowrap;width:0}.header__search{flex:0 1 94rem;margin:0 2rem}.header__search input{background:transparent;border:0;border-bottom:1px solid #ee2b98;color:#ee2b98;font-family:brandon-grotesque,sans-serif;font-size:2rem;-webkit-font-smoothing:antialiased;line-height:2rem;outline:none;text-transform:uppercase;width:100%;max-width:94rem;height:3rem}.header__search input::-webkit-input-placeholder{color:#ee2b98;opacity:1}.header__search input::-moz-placeholder{color:#ee2b98;opacity:1}.header__search input:-ms-input-placeholder{color:#ee2b98;opacity:1}.header__search input::-ms-input-placeholder{color:#ee2b98;opacity:1}.header__search input::placeholder{color:#ee2b98;opacity:1}.header__search input:focus{border-color:#000;color:#000}.header__search input:focus::-webkit-input-placeholder{color:#000}.header__search input:focus::-moz-placeholder{color:#000}.header__search input:focus:-ms-input-placeholder{color:#000}.header__search input:focus::-ms-input-placeholder{color:#000}.header__search input:focus::placeholder{color:#000}@media screen and (max-width:640px){.header__search{display:none}}.header__nav{display:flex;flex-direction:row;justify-content:flex-end;width:0}.header__nav a{cursor:pointer;margin-left:2rem}.header__nav a:first-child{margin-left:0}.header--hero{height:100vh;max-height:100vw;min-height:40vw}.header--hero a:focus{color:#ee2b98!important}.header--hero a:active{color:inherit!important}.header--hero .header__navbar{color:#000}.header--hero input{border-color:#000;color:#000}.header--hero input::-webkit-input-placeholder{color:#000}.header--hero input::-moz-placeholder{color:#000}.header--hero input:-ms-input-placeholder{color:#000}.header--hero input::-ms-input-placeholder{color:#000}.header--hero input::placeholder{color:#000}.header--hero input:focus{border-color:#ee2b98;color:#ee2b98}.header--hero input:focus::-webkit-input-placeholder{color:#ee2b98}.header--hero input:focus::-moz-placeholder{color:#ee2b98}.header--hero input:focus:-ms-input-placeholder{color:#ee2b98}.header--hero input:focus::-ms-input-placeholder{color:#ee2b98}.header--hero input:focus::placeholder{color:#ee2b98}.header .index-button{display:flex;align-items:center;flex-direction:row;height:2.9rem}.header .close-button{background:#fff url(/images/close.svg) no-repeat 50%;background-size:60%;border-radius:100%;cursor:pointer;display:block;transition:margin .1s,width .1s,height .1s;width:0;height:0}@media screen and (max-width:1300px){.header__logo{width:14.6rem}.header__nav{width:auto}}@media screen and (max-width:640px){.header{padding:2rem}}#app.index--open .header__navbar,#app.search--open .header__navbar{padding-left:8rem;padding-right:8rem;position:fixed;left:0;width:100%;z-index:1000}@media screen and (max-width:640px){#app.index--open .header__navbar,#app.search--open .header__navbar{padding-left:2rem;padding-right:2rem}}#app.index--open .header__logo,#app.search--open .header__logo{opacity:0;pointer-events:none;transition:margin-right .2s,width .2s;margin-right:0;width:0}@media screen and (max-width:1090px){#app.index--open .header__search,#app.search--open .header__search{margin:0 6rem 0 0}}#app.index--open .header__nav,#app.search--open .header__nav{width:0}#app.index--open .close-button,#app.search--open .close-button{margin-left:1rem;width:2.9rem;height:2.9rem}.hero{display:flex;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;overflow:hidden;position:relative}.hero canvas{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero h1{font-family:lust-display,serif;font-size:13rem;font-weight:400;line-height:1.1;text-align:center;padding:0 8rem;pointer-events:none;position:relative;z-index:10;max-width:110rem}@media screen and (max-width:1200px){.hero h1{font-size:12rem}}@media screen and (max-width:1100px){.hero h1{font-size:11rem}}@media screen and (max-width:1000px){.hero h1{font-size:10rem}}@media screen and (max-width:900px){.hero h1{font-size:9rem}}@media screen and (max-width:800px){.hero h1{font-size:8rem}}@media screen and (max-width:70px){.hero h1{font-size:7rem}}@media screen and (max-width:640px){.hero h1{font-size:6rem}}@media screen and (max-width:500px){.hero h1{font-size:5rem}}.index{background:#000;box-sizing:content-box;color:#fff;display:block;opacity:0;overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0 30px;position:fixed;top:-100%;right:-30px;transition:top .2s ease-out;width:100%;height:100%;z-index:100}.index h1{font-family:lust-display,serif;font-size:8rem;font-weight:400;line-height:1.1;margin:6rem 0 2rem;max-width:65rem}@media screen and (max-width:640px){.index h1{font-size:6rem}}.index h2{background-color:#89f1d7;background-position:100%;background-repeat:no-repeat;background-size:auto 100%;color:#000;display:inline-block;font-family:brandon-grotesque,sans-serif;font-size:1.8rem;font-weight:900;line-height:3.2rem;margin:2rem 0;padding:0 0 0 1rem;text-transform:uppercase}.index h2:after{background:#000;border-radius:1rem;content:"";float:right;position:relative;top:1.1rem;left:.7rem;width:1rem;height:1rem}.index h2:before{border:1.6rem solid #000;border-left-color:transparent;box-sizing:border-box;content:"";display:block;float:right;margin-left:.5rem;width:3.2rem;height:3.2rem}.index a{color:inherit;outline:none;text-decoration:none}.index a:focus{color:#ee2b98}.index a:active{color:inherit}.index__columns{-moz-column-count:3;column-count:3}@media screen and (max-width:1550px){.index__columns{-moz-column-count:2;column-count:2}}@media screen and (max-width:800px){.index__columns{-moz-column-count:1;column-count:1}}.index__tags{padding:4rem 8rem 0}@media screen and (max-width:640px){.index__tags{padding:2rem 2rem 0}}.index__list{list-style:none;font-family:lato,sans-serif;font-size:2.4rem;-webkit-font-smoothing:antialiased;line-height:1.7}.index__keywords{padding:0 8rem 4rem}@media screen and (max-width:640px){.index__keywords{padding:0 2rem 2rem}}.index__keywords a{background-color:#89f1d7;border-radius:1.8rem;color:#000;display:inline-block;font-size:1rem;font-weight:600;line-height:1.8rem;text-align:center;outline:none;position:relative;top:-.2rem;vertical-align:middle;width:1.8rem;height:1.8rem}.index__keywords a:focus{background:#ee2b98;color:#000}#app.index--open .index{opacity:1;top:0}#app.index--open .index-button{color:#fff}#app.index--open .index-button:focus{color:#ee2b98!important}#app.index--open .index-button:focus .close-button{background-color:#ee2b98}#app.index--open .index-button:active{color:#fff!important}#app.index--open .index-button:active .close-button{background-color:#fff}#app.index--open .header__search input{display:none}.math{padding:0 0 0 4rem}.math p{font-family:Times New Roman,Times,serif!important;font-size:2.8rem!important;font-style:italic;-webkit-font-smoothing:antialiased;white-space:pre-wrap}.page{margin:0 auto;padding:0 8rem 12rem;width:100%;max-width:110rem}.page h1{font-family:lust-display,serif;font-size:10rem;font-weight:400;line-height:1.1;margin:6rem 0 2rem;max-width:65rem}.page h1 mark{background:transparent}@media screen and (max-width:640px){.page h1{font-size:6rem}}.page h2{font-family:brandon-grotesque,sans-serif;font-weight:900;margin:4rem 0 2rem;text-transform:uppercase}.page h2,.page p{font-size:2.4rem;-webkit-font-smoothing:antialiased}.page p{font-family:lato,sans-serif;line-height:1.7;margin:2rem 0}.page>p:first-child:first-letter{float:left;font-family:lust-display,serif;font-size:13.4rem;line-height:1;padding:.5rem 2rem 0 0;text-transform:uppercase}.page ol{font-family:lato,sans-serif;font-size:2.4rem;-webkit-font-smoothing:antialiased;line-height:1.7;margin:2rem 0;padding-left:6.5rem}.page ol li{margin-bottom:0}@media screen and (max-width:640px){.page{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}}.search{background:#000;box-sizing:content-box;color:#fff;display:block;opacity:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0 30px;position:fixed;top:-100%;right:-30px;transition:top .2s ease-out;width:100%;height:100%;z-index:10}.search__result{color:#fff;margin:0 auto 10rem;padding:0 8rem;width:100%;max-width:110rem}.search__result:first-child{margin-top:20rem}.search__result h2{font-family:lust-display,serif;font-size:8rem;font-weight:400;line-height:1.1;margin-bottom:2rem;max-width:70rem}.search__result p{font-family:lato,sans-serif;font-size:2.4rem;-webkit-font-smoothing:antialiased;line-height:1.7}.search__result p em{background:#89f1d7;color:#000;display:inline-block;font-style:normal;line-height:1;padding:.5rem .2rem}.search__no-results,.search__spinner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.search__no-results{color:#222;font-family:lust-display,serif;font-size:5rem}.search__no-results span{position:relative}.search__no-results span:after{background:#222;content:"";margin-top:-.1rem;position:absolute;top:50%;left:0;width:100%;height:.2rem}#app.search--open .search{opacity:1;top:0}#app.search--open .header__navbar{background:#000}#app.search--open .header__search input{border-color:#ee2b98;color:#ee2b98}#app.search--open .index-button__label{display:none}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;border:.3rem solid #222;border-radius:100%;box-sizing:content-box;position:relative;width:3rem;height:3rem}.spinner:after{border:.3rem solid transparent;border-top-color:#000;border-radius:100%;box-sizing:content-box;content:"";display:block;position:absolute;left:-.3rem;top:-.3rem;width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px}@media screen and (max-width:1550px){html{font-size:9px}}@media screen and (max-width:800px){html{font-size:8px}}body{font-family:lato,sans-serif}.wf-loading *{visibility:hidden}#app:before{content:""} |