.button-blue{display:block;max-width:200px;border-radius:16px 16px;background-color:white;border:2px solid #3189CC;text-decoration:none;font-size:16px;padding:6px;text-align:center;box-sizing:border-box}.button-blue:hover{color:white;background-color:#3189CC}nav{position:relative;height:64px;width:100%;z-index:100}nav .logo-link{padding:12px;text-decoration:none;display:block}nav .logo-link svg{vertical-align:middle;display:inline-block;height:36px}nav .logo-link .title{font-family:"Quantico",sans-serif;margin-left:16px;display:inline-block;vertical-align:middle;font-size:24px;color:#FF7442;font-weight:300}nav .browse-all-button{cursor:pointer;padding:15px;position:absolute;top:0;right:0}nav .menu-dropdown{position:absolute;width:300px;right:0;top:64px;transform:translateX(300px);transition:.3s opacity ease, .5s translateX ease;background-color:#ffffff;border:1px solid #eeeeee;overflow-y:scroll;display:none}nav .menu-dropdown.active{display:block;transform:translateX(0px);opacity:1}nav .menu-dropdown ul{margin:0;padding:0;list-style:none}nav .menu-dropdown ul a{text-decoration:none;display:inline-block;padding:8px}svg.logo{fill:#FF7442}svg.menu-button{fill:#FF7442;stroke:transparent}.editor{position:relative;padding:32px;background-color:#ffffff}.editor .svg-target{position:absolute;top:0;left:0;width:100%;height:100%}.editor .editor-controls{position:relative;z-index:10;margin:auto;max-width:600px;background-color:#ffffff;border:1px solid #ffffff}.editor .description{padding:16px}.editor .image-title{font-weight:300;font-size:24px;margin:4px 0}.editor .show-more{cursor:pointer;position:absolute;right:16px;top:16px}.editor .image-description{display:none;opacity:0;transition:.2s opacity ease-in}.editor .image-description .by,.editor .image-description .github-source{font-weight:300;font-size:14px;margin-right:24px}.editor .image-description .author{font-weight:400;font-size:15px;color:#8F92A0;text-decoration:none}.editor .image-description.visible{display:block;opacity:1}.tab-bar{max-width:600px;margin:auto}.tab-bar .tab{border:1px solid #f2f2f2;padding:1em 0;font-size:14px;cursor:pointer;box-sizing:border-box;text-align:center}.tab-bar .tab.active{background-color:#f2f2f2}.param-control label{display:block;font-size:18px;font-weight:300;color:#8F92A0;margin:16px 0 8px}.param-control .input-control{position:relative}.param-control .input-control input{display:inline-block;width:106px;height:34px;box-sizing:border-box;height:34px;border:1px solid #ccc}.param-control .input-control .slider{height:8px;border-radius:4px;background:#8F92A0;position:absolute;left:116px;right:0;top:12px}.param-control .input-control .slider .ui-slider-handle{width:1em;height:1em;border-radius:1em;background:#ccc;border:1px solid #ffffff}.param-control .sp-replacer{position:absolute;left:106px;right:0;top:0;padding:0;height:34px;border:1px solid #ccc;border-left:none;box-sizing:border-box}.param-control .sp-replacer .sp-preview{width:100%;height:100%;border:none}.source-tab #ace-editor{width:100%;height:400px}.source-tab .output pre{font-size:12px}.inner-tab{padding:1em;background-color:#f2f2f2}.homepage{padding:1em}#footer{font-size:18px;padding:12px}#footer a{text-decoration:none;font-color:#8F92A0;font-family:'Roboto Slab', serif;font-weight:300}body{font-family:"Quattrocento",serif;font-size:18px}h1,h2,h3,h4,h5{font-family:"Quantico",sans-serif,serif}a{color:#3189CC}a:visited{color:#085A98}article{font-family:'Lora', serif}
/*# sourceMappingURL=style.css.map */
