.Comments{margin-top:80px;border-top:1px solid silver;max-width:620px}.Comments .CommentsList *{font-family:Roboto,sans-serif}.Comments .CommentsList .Comment{margin-top:1.5rem}.Comments .CommentsList .Comment *{font-weight:300}.Comments .CommentsList .Comment p:first-of-type{margin-bottom:.5rem}.Comments .CommentsList .Comment.depth-1,.Comments .CommentsList .Comment.depth-2,.Comments .CommentsList .Comment.depth-3,.Comments .CommentsList .Comment.depth-4,.Comments .CommentsList .Comment.depth-5,.Comments .CommentsList .Comment.depth-6,.Comments .CommentsList .Comment.depth-7,.Comments .CommentsList .CommentsForm.depth-1,.Comments .CommentsList .CommentsForm.depth-2,.Comments .CommentsList .CommentsForm.depth-3,.Comments .CommentsList .CommentsForm.depth-4,.Comments .CommentsList .CommentsForm.depth-5,.Comments .CommentsList .CommentsForm.depth-6,.Comments .CommentsList .CommentsForm.depth-7{margin-left:1rem}.Comments .CommentsList .CommentDetails p{font-size:.8rem;margin:.5rem 0}.Comments .CommentsForm{background-color:#f0f0f0;padding:1rem;margin-top:1.5rem}.Comments .CommentsForm form{display:flex;flex-flow:column}.Comments .CommentsForm h2{font-family:Crimson Text,serif;font-weight:300;color:#2e2e2e;margin-top:0}.Comments .CommentsForm input{color:#2e2e2e;border:1px solid silver;background-color:#fff;padding:.5rem;margin:.5rem 0;font-family:Roboto,sans-serif;font-weight:300;font-size:1rem;letter-spacing:.5px;width:100%}.Comments .CommentsForm input:focus{background-color:#f0f0f0}.Comments .CommentsForm input:-ms-input-placeholder{color:silver}.Comments .CommentsForm input::placeholder{color:silver}.Comments .CommentsForm input.error{text-decoration:line-through}.Comments .CommentsForm input:-webkit-autofill,.Comments .CommentsForm input:-webkit-autofill:focus textarea:-webkit-autofill,.Comments .CommentsForm input:-webkit-autofill:hover,.Comments .CommentsForm select:-webkit-autofill,.Comments .CommentsForm select:-webkit-autofill:focus,.Comments .CommentsForm select:-webkit-autofill:hover,.Comments .CommentsForm textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important}.Comments .CommentsForm button{align-self:flex-end;padding:.5rem;margin:.5rem 0;font-family:Roboto,sans-serif;font-size:1rem;border-radius:unset;border:1px solid grey;background-color:grey;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;color:#fff}.Comments .CommentsForm button:disabled{cursor:unset}.Comments .CommentsForm button:disabled.submit{border:1px solid #fff;color:#fff;background-color:unset}.Comments .CommentsForm button:enabled:hover{background-color:#f0f0f0;color:#2e2e2e}.Comments .CommentsForm div.error{display:none}@media screen and (min-width:800px){.Comments{margin-left:80px}}.Body{flex:1 0 auto}.Body .date,.Body .month{text-align:right}.Body .date,.Body .slash{font-weight:300}.Body .slash{font-family:Roboto,sans-serif;text-align:center}.Body .BlogPostPreview a,.Body .MonthDivider{display:grid;grid-template-columns:60px 20px 1fr;grid-template-areas:"left center right"}.Body .MonthDivider *{color:silver}.Body .MonthDivider .line{display:flex;flex-flow:column;justify-content:space-around}.Body .MonthDivider .line div{border-top:1px solid silver;width:220px}.Body .BlogPostPreview a *{font-size:3rem;color:#fff}.Body .BlogPostPreview a .title-blurb{width:100%;display:flex;flex-flow:row;align-items:center;flex:1 0 auto;text-overflow:ellipsis}.Body .BlogPostPreview a .title{color:#2e2e2e!important;text-align:left;white-space:nowrap}.Body .BlogPostPreview a .blurb{font-size:1rem;width:100%;line-height:1.5rem;height:3rem;overflow:hidden}.Body .BlogPostPreview a .blurb,.Body .BlogPostPreview a .date{font-family:Roboto,sans-serif;align-self:center;font-weight:300}.Body .BlogPostPreview a:hover .blurb,.Body .BlogPostPreview a:hover .date,.Body .BlogPostPreview a:hover .slash{color:silver}.Header{display:flex;flex-flow:row;justify-content:space-between;align-items:center;font-size:2rem;position:-webkit-sticky;position:sticky;top:0;background:#fff;background:linear-gradient(0deg,hsla(0,0%,100%,0),#fff 25%);z-index:2}.Header *{color:grey}.Header span{visibility:hidden}.Header span.active{visibility:visible}.Header:hover .Logo a,.Header:hover span.active,.Header a:hover{color:#2e2e2e}.Header nav li{display:inline-block;font-size:inherit}.Footer{margin:100px auto 0;padding:50px 0;display:flex;flex-flow:column;width:100%}.Footer *{color:silver}.Footer:hover *{color:grey}.Footer:hover a:hover,.Footer:hover i:hover{color:#2e2e2e}.Footer .divider{visibility:hidden;display:flex;flex-flow:row nowrap}.Footer .divider .line{visibility:hidden;border-top:1px solid #f0f0f0;width:100%}.Footer .SiteLinks>a,.Footer .SiteLinks>i,.Footer .Socials>a,.Footer .Socials>i{margin:0 .25rem}.Footer .SiteLinks i,.Footer .Socials i{font-size:1.5rem}.Footer .Form .form-text{display:none;font-style:italic;padding-bottom:.5rem}.Footer .SignupForm form{display:flex;flex-flow:row wrap;justify-content:space-between}.Footer .SignupForm label{display:none}.Footer .SignupForm input{color:#2e2e2e;border:1px solid #fff;background-color:#f0f0f0;padding-left:.25rem}.Footer .SignupForm input:focus{background-color:silver}.Footer .SignupForm input:-ms-input-placeholder{color:silver}.Footer .SignupForm input::placeholder{color:silver}.Footer .SignupForm button{cursor:pointer;background-color:#fff;border:1px solid #f0f0f0;box-sizing:border-box}.Footer .SignupForm button:active{color:#fff;background-color:silver;border:1px solid silver}.Footer .content{margin:0 80px;display:flex;flex-flow:row nowrap;justify-content:space-between}.FourOhFour{color:#2e2e2e;font-size:2rem}.FourOhFour .content{width:780px;margin-left:80px;font-size:3rem}.FourOhFour .content i,.FourOhFour .content span{color:silver}.FourOhFour .content a{color:grey}.FourOhFour .content a:hover{color:#2e2e2e}.FourOhFour .content a:hover:after{content:" but do it anyway \1F618";color:silver}.About .burgers{font-family:courier new;text-align:center;line-height:unset}.About h1,.About h2,.About h3{font-family:Crimson Text,serif;font-weight:400}.About h1{font-size:4rem;margin:0}.About i.subtitle{letter-spacing:.2rem;font-style:italic;margin:-2rem 0 2rem;font-size:1.5rem}.About h2{font-size:2rem}.About a,.About li,.About p{font-family:Roboto,sans-serif;font-weight:300;line-height:2rem}.About li,.About p{font-size:1.25rem}.About div.gatsby-image-wrapper{display:block!important;margin:100px auto 150px}.About.content{margin:0 auto 3rem 80px;width:620px}.About.content *{color:#2e2e2e}.About h3{font-size:1.5rem}.Contact{flex:1 0 auto;margin:0 80px}.Contact .ContactForm form{width:50%;display:grid;grid-template-columns:1fr 2fr;grid-template-areas:"label1 input1" "label2 input2" "label3 input3" ". submit"}.Contact .ContactForm button[type=submit]{grid-area:submit;margin-top:.5rem;font-size:inherit}.Contact .ContactForm input,.Contact .ContactForm textarea{color:#2e2e2e;border:1px solid #fff;background-color:#f0f0f0;padding:.5rem;margin-bottom:.5rem;font-size:inherit;resize:vertical}.Contact .ContactForm input:focus,.Contact .ContactForm textarea:focus{background-color:silver}.Contact .ContactForm input:-ms-input-placeholder,.Contact .ContactForm textarea:-ms-input-placeholder{color:silver;opacity:0}.Contact .ContactForm input::placeholder,.Contact .ContactForm textarea::placeholder{color:silver;opacity:0}@media screen and (min-width:320px) and (max-width:800px){.Contact .ContactForm form{width:100%;display:flex;flex-flow:column;justify-content:space-around}.Contact .ContactForm form label{display:none}.Contact .ContactForm form input:-ms-input-placeholder,.Contact .ContactForm form textarea:-ms-input-placeholder{opacity:1}.Contact .ContactForm form input::placeholder,.Contact .ContactForm form textarea::placeholder{opacity:1}}@media screen and (max-width:800px){.container{width:100vw;padding:0 1rem}.container .Header{margin-bottom:0;padding-bottom:1rem}.container .Header ul{margin:0}.container .Header a{font-size:1.2rem}.container .Body{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);display:grid;grid-template-columns:1fr}.container .Body .BlogPostPreview a,.container .Body .MonthDivider{display:grid;grid-template-columns:1fr 1rem 9fr}.container .Body .BlogPostPreview,.container .Body .BlogPostPreview a,.container .Body .MonthDivider{max-width:inherit}.container .Body .MonthDivider{margin-bottom:.25rem}.container .Body .MonthDivider .month{grid-area:1/1/span 1/span 1;text-transform:uppercase;font-family:Roboto,sans-serif;text-align:right}.container .Body .MonthDivider .slash{visibility:hidden}.container .Body .MonthDivider .line div{border-top:.5px solid silver}.container .Body .BlogPostPreview{margin-bottom:.75rem}.container .Body .BlogPostPreview a *{font-size:2rem;line-height:2rem}.container .Body .BlogPostPreview a .blurb,.container .Body .BlogPostPreview a .slash{display:none}.container .Body .BlogPostPreview a .date{grid-area:1/1/span 1/span 1;color:silver;align-self:start}.container .Body .BlogPostPreview a .title-blurb{grid-area:1/3/span 1/span 1;align-self:start}.container .Body .BlogPostPreview a .title-blurb .title{white-space:unset}.container .Footer{padding:0;margin-top:50px;overflow-y:hidden}.container .Footer .content{width:100%;margin:0;display:flex;flex-flow:column wrap}.container .Footer .content>div{text-align:center}.container .Footer .content .SiteLinks,.container .Footer .content span.slash{display:none}.container .Footer .content .Socials{margin-bottom:1rem}.container .Footer .content .Form .SignupForm form{display:flex;flex-flow:column;align-items:center}.container .Footer .content .Form .SignupForm form button,.container .Footer .content .Form .SignupForm form input{font-size:1rem;text-align:center;margin-bottom:.5rem}.container .Footer .content .Form .SignupForm form input{width:calc(100% - 120px)}.container .Footer .content .Form .SignupForm form button{width:calc(50% - 60px)}.container .about{width:100%}.container .about-content{width:inherit;margin:0}.container .about-content h1{font-size:2rem}.container .about-content i.subtitle{font-size:1rem}.container .about-content div.gatsby-image-wrapper{margin:50px auto 25px}.container .about-content h2{font-size:1.5rem}.container .about-content h3,.container .about-content i,.container .about-content li,.container .about-content p{font-size:1rem}.container .blog-post{width:100%}.container .blog-post h1,.container .blog-post h2,.container .blog-post img,.container .blog-post li,.container .blog-post p{margin-left:0;width:inherit}.container .blog-post h1{font-size:3rem}.container .blog-post li,.container .blog-post p,.container .blog-post span{font-size:1rem}.container .blog-post ul{margin:0}}*{box-sizing:border-box;font-family:Crimson Text,serif;font-weight:400;color:#2e2e2e}a{text-decoration:none}body,html{margin:0;padding:0}p{font-size:1rem}.container{max-width:900px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.container>.content{flex:1 0 auto}.blog-post h1{font-size:4rem;margin-left:80px;margin-top:0}.blog-post h2{font-size:2rem;margin-bottom:.5rem;text-transform:lowercase;margin-left:60px}.blog-post li,.blog-post p{font-family:Roboto,sans-serif;font-weight:300;line-height:120%;max-width:620px;margin-left:80px}.blog-post p,.blog-post ul{margin-bottom:1rem}.blog-post .code,.blog-post .code-error{font-family:Courier New,Courier,monospace;background-color:#f0f0f0;padding:.2rem;border-radius:.3rem}.blog-post a{font-family:Roboto,sans-serif}.blog-post a,.blog-post a:hover{margin-bottom:-.5rem}.blog-post a:hover:after{border:.5rem solid silver}.blog-post p.emoji-separator{font-size:3rem;text-align:center;margin-top:3rem;margin-bottom:3rem}@media screen and (min-width:800px){.blog-post p{font-size:125%;line-height:150%}.blog-post p.email-separator{font-size:150%}}