.headline,.label,.large-label,.small-label,.subheader,h1,h2{font-family:Inconsolata,monospace}.text,p{font-family:Open Sans,sans-serif}body{margin:0}body *{box-sizing:border-box}main{margin:0 auto;max-width:840px;min-height:100vh;padding:60px 20px 28px}.theme-light main{color:#222}.theme-dark main{color:#fff}ol,ul{clear:both;list-style:none;margin:0;padding:0}ol.u-list-of-links>li,ul.u-list-of-links>li{margin-bottom:16px}.theme-light a,.theme-light a:visited{color:#207fff}.theme-dark a,.theme-dark a:visited{color:#61bfff}.theme-light a:hover,.theme-light a:visited:hover{color:#005ad3}.theme-dark a:hover,.theme-dark a:visited:hover{color:#aedeff}h1{font-size:42px;line-height:56px}h2{font-size:24px;line-height:32px;padding-top:28px}p{font-size:16px;line-height:24px}.subheader{font-style:oblique;padding-bottom:8px}.headline,.subheader{font-size:24px;line-height:32px}.small-label{font-size:12px;font-weight:700;line-height:16px}.label{font-size:16px;font-weight:700;line-height:21px}.large-label{font-size:24px;font-weight:700;line-height:32px}.text{font-size:16px;line-height:24px}.u-textAlignCentered{text-align:center}.theme-light .page-wrapper{background-color:#fff}.theme-dark .page-wrapper{background-color:#222}.page-wrapper .content{padding-bottom:40px}#site-footer .about-links,#site-footer .theme-switcher{font-family:Open Sans,sans-serif}#site-footer{border-top-style:solid;border-top-width:1px;bottom:0;display:flex;height:28px;justify-content:space-between;left:0;padding:2px 20px 0;position:fixed;right:0;z-index:1000}.theme-light #site-footer{background-color:#fff;border-color:#dcdcdc;color:#222}.theme-dark #site-footer{background-color:#222;border-color:#dcdcdc;color:#fff}#site-footer .about-links,#site-footer .theme-switcher{font-size:12px;line-height:18px}#site-footer .theme-switcher>label{margin-left:8px}#site-header{border-bottom-style:solid;border-bottom-width:1px;height:40px;padding:4px 20px;position:fixed;width:100%;z-index:1000}.theme-light #site-header{background-color:#fff;border-color:#dcdcdc;color:#222}.theme-dark #site-header{background-color:#222;border-color:#dcdcdc;color:#fff}#site-header>*{display:inline-block;vertical-align:middle}#site-header .logo{height:40px;margin-top:-3px}#site-header .logo>img{height:100%}#site-header .links{float:right;margin-top:4px}#site-header .links>*{display:inline-block;margin-left:20px;vertical-align:middle}.baseButton,a.baseButton{font-family:Inconsolata,monospace}.buttonContainer{margin:20px 0;text-align:center}.buttonContainer>.baseButton:not(:last-child){margin-right:20px}.baseButton,a.baseButton{-webkit-appearance:none;appearance:none;border-radius:4px;border-style:solid;border-width:1px;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:21px;min-width:80px;padding:7px 15px;text-align:center;text-decoration:none;text-transform:none;transition:.15s ease}.theme-light .baseButton-primary,.theme-light a.baseButton-primary{background-color:#207fff;border-color:#207fff;color:#fff}.theme-light .baseButton-primary:active,.theme-light .baseButton-primary:hover,.theme-light a.baseButton-primary:active,.theme-light a.baseButton-primary:hover{background-color:#005ad3}.theme-light .baseButton-primary:visited,.theme-light .baseButton-primary:visited:hover,.theme-light a.baseButton-primary:visited,.theme-light a.baseButton-primary:visited:hover{color:#fff}.theme-dark .baseButton-primary,.theme-dark a.baseButton-primary{background-color:#d3f3ff;border-color:#d3f3ff;color:#222}.theme-dark .baseButton-primary:active,.theme-dark .baseButton-primary:hover,.theme-dark a.baseButton-primary:active,.theme-dark a.baseButton-primary:hover{background-color:#fff}.theme-dark .baseButton-primary:visited,.theme-dark .baseButton-primary:visited:hover,.theme-dark a.baseButton-primary:visited,.theme-dark a.baseButton-primary:visited:hover{color:#222}.theme-light .baseButton-secondary,.theme-light a.baseButton-secondary{background-color:#fff;border-color:#dcdcdc;color:#222}.theme-light .baseButton-secondary:active,.theme-light .baseButton-secondary:hover,.theme-light a.baseButton-secondary:active,.theme-light a.baseButton-secondary:hover{background-color:#fafafa;border-color:#207fff}.theme-light .baseButton-secondary:visited,.theme-light .baseButton-secondary:visited:hover,.theme-light a.baseButton-secondary:visited,.theme-light a.baseButton-secondary:visited:hover{color:#222}.theme-dark .baseButton-secondary,.theme-dark a.baseButton-secondary{background-color:#222;border-color:#dcdcdc;color:#fff}.theme-dark .baseButton-secondary:active,.theme-dark .baseButton-secondary:hover,.theme-dark a.baseButton-secondary:active,.theme-dark a.baseButton-secondary:hover{background-color:#484848;border-color:#d3f3ff}.theme-dark .baseButton-secondary:visited,.theme-dark .baseButton-secondary:visited:hover,.theme-dark a.baseButton-secondary:visited,.theme-dark a.baseButton-secondary:visited:hover{color:#fff}.tileContainer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,calc(25% - 15px))}.tileContainer-withImage{grid-template-areas:"imageTile imageTile contentTiles contentTiles contentTiles";grid-template-columns:calc(20% - 16px) calc(20% - 16px) calc(20% - 16px) calc(20% - 16px) calc(20% - 16px);grid-template-rows:auto}@media(max-width:840px){.tileContainer-withImage{grid-template-areas:"contentTiles contentTiles contentTiles contentTiles contentTiles"}}.tileContainer-withImage .tileContainer{grid-template-columns:repeat(auto-fill,calc(50% - 10px))}@media(max-width:600px){.tileContainer-withImage .tileContainer{grid-template-columns:repeat(auto-fill,100%)}}.tileContainer-withImage .tileContainer--image{grid-area:imageTile;min-width:0}@media(max-width:840px){.tileContainer-withImage .tileContainer--image{display:none}}.tileContainer-withImage .tileContainer--content{grid-area:contentTiles;min-width:0}.tileContainer-withImage-horizontal{grid-template-areas:"imageTile imageTile imageTile imageTile imageTile" "contentTiles contentTiles contentTiles contentTiles contentTiles"}.baseTile{border-radius:8px;border-style:solid;border-width:1px;cursor:pointer;display:block;padding:20px;position:relative;text-align:center;text-decoration:none;transition:.15s ease}.theme-light .baseTile{border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px rgba(34,34,34,.2);color:#222}.theme-light .baseTile:active,.theme-light .baseTile:hover{background-color:#fafafa;border-color:#207fff;box-shadow:inset 0 0 1px 1px rgba(97,191,255,.2);color:#222}.theme-light .baseTile:visited,.theme-light .baseTile:visited:hover{color:#222}.theme-dark .baseTile{border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px hsla(0,0%,100%,.2);color:#fff}.theme-dark .baseTile:active,.theme-dark .baseTile:hover{background-color:#484848;border-color:#d3f3ff;box-shadow:inset 0 0 1px 1px rgba(97,191,255,.2);color:#fff}.theme-dark .baseTile:visited,.theme-dark .baseTile:visited:hover{color:#fff}.theme-light .baseTile-ad{border-color:#639;box-shadow:inset 0 0 8px 1px rgba(102,51,153,.2)}.theme-light .baseTile-ad:active,.theme-light .baseTile-ad:hover{background-color:#fafafa;border-color:#639;box-shadow:inset 0 0 1px 1px rgba(102,51,153,.2)}.theme-dark .baseTile-ad{border-color:#639;box-shadow:inset 0 0 8px 1px rgba(102,51,153,.2)}.theme-dark .baseTile-ad:active,.theme-dark .baseTile-ad:hover{background-color:#484848;border-color:#639;box-shadow:inset 0 0 1px 1px rgba(102,51,153,.2)}.baseTile-ad img{border-radius:8px;width:100%}.baseTile-fullImage{border-width:0;padding:0}.theme-dark .baseTile-fullImage,.theme-dark .baseTile-fullImage:active,.theme-dark .baseTile-fullImage:hover,.theme-light .baseTile-fullImage,.theme-light .baseTile-fullImage:active,.theme-light .baseTile-fullImage:hover{box-shadow:none}.baseTile-fullImage img{border-radius:8px;width:100%}.postPreview{border-left-style:solid;border-left-width:2px;padding-left:20px;text-align:left}.postPreview.cool_thing{border-left-color:blue}.postPreview.how_to{border-left-color:green}.postPreview.other{border-left-color:gray}.postPreview.the_art{border-left-color:plum}.postPreview.the_job{border-left-color:#6a5acd}.postPreview>.teaser>*{display:inline-block;vertical-align:middle}.postPreview>.teaser>:first-child{margin-right:12px}.postPreview>.teaser>.label{border-radius:8px;color:#fff;padding:2px 8px}.postPreview>.teaser>.cool_thing{background-color:blue}.postPreview>.teaser>.how_to{background-color:green}.postPreview>.teaser>.other{background-color:gray}.postPreview>.teaser>.the_art{background-color:plum}.postPreview>.teaser>.the_job{background-color:#6a5acd}.posts-screen .posts{margin-top:80px}.posts-screen .posts>*{margin-top:20px}.code-link-text{background-color:rgba(0,0,0,.8);border-radius:4px;bottom:40px;color:#f0f8ff;font-family:Inconsolata,monospace;font-size:24px;font-weight:700;left:20px;line-height:32px;padding:20px 12px;position:absolute;transition:.15s ease;width:calc(100% - 40px)}.baseTile:hover .code-link-text{background-color:rgba(32,127,255,.8)}.cooking-link-text{background-color:rgba(0,0,0,.8);border-radius:4px;bottom:40px;color:#f0f8ff;font-family:Inconsolata,monospace;font-size:24px;font-weight:700;line-height:32px;padding:20px 12px;position:absolute;transition:.15s ease}.baseTile:hover .cooking-link-text{background-color:rgba(32,127,255,.8)}.splash>p{font-family:Open Sans,sans-serif}.splash{text-align:center}.splash>p{font-size:24px;line-height:36px}.home-screen .tile-group{margin:80px 0}.post-screen .categoryLabel{border-radius:8px;color:#fff;margin-top:20px;padding:2px 8px}.post-screen .categoryLabel.cool_thing{background-color:blue}.post-screen .categoryLabel.how_to{background-color:green}.post-screen .categoryLabel.other{background-color:gray}.post-screen .categoryLabel.the_art{background-color:plum}.post-screen .categoryLabel.the_job{background-color:#6a5acd}.post-screen .post-wrapper{margin-top:40px}.post-screen .post-wrapper>:first-child{float:left;margin-right:40px;max-width:200px}.ingredients .list{font-family:Open Sans,sans-serif;font-size:16px;line-height:24px;padding-top:16px}.ingredients .list .ingredient{padding-bottom:16px}.ingredients .list .ingredient>*{display:inline-block;vertical-align:top}.ingredients .list .ingredient>:first-child{padding-right:12px;text-align:right;width:40px}.ingredients .list .ingredient>:last-child{width:calc(100% - 40px)}.preparation .list{font-family:Open Sans,sans-serif;font-size:16px;line-height:24px}.preparation .list .step{padding-bottom:16px}.recipe-screen>.content{margin-bottom:40px}.theme-light .recipe-screen>.content{color:#222}.theme-dark .recipe-screen>.content{color:#fff}.recipe-screen>.content>*{display:inline-block;vertical-align:top}.recipe-screen>.content>*>.section-header{border-bottom-style:solid;border-bottom-width:4px;margin-bottom:32px}.theme-dark .recipe-screen>.content>*>.section-header,.theme-light .recipe-screen>.content>*>.section-header{border-color:#61bfff}.recipe-screen>.content>.ingrdients-wrapper{margin-right:40px;width:30%}@media(max-width:600px){.recipe-screen>.content>.ingrdients-wrapper{margin-right:0;width:100%}}.recipe-screen>.content>.preparation-wrapper{width:calc(70% - 40px)}@media(max-width:600px){.recipe-screen>.content>.preparation-wrapper{margin-top:80px;width:100%}}
/*# sourceMappingURL=main.09a4aae2.css.map*/