*+*{margin-top:1.5em}*+br{margin-top:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.hide{display:none}main{position:relative;max-width:35em;margin:0 auto;padding:0 1.2em 5em}img{max-width:100%}@media (min-width:40em){main{padding-left:3em;padding-right:3em}.blog section,.home section{-webkit-columns:2;columns:2;-webkit-column-gap:3em;column-gap:3em}.blog section .card,.home section .card{display:inline-block;margin-top:0;margin-bottom:3em}.comments,.share{display:inline-block;vertical-align:top}.share{margin-top:5em;margin-right:3em}}@font-face{font-family:brutal;src:url(BPreplay.woff2) format("woff2"),url(BPreplay.woff) format("woff");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:brutal;src:url(BPreplayItalic.woff2) format("woff2"),url(BPreplayItalic.woff) format("woff");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:brutal;src:url(rubik-bold.woff2) format("woff2"),url(rubik-bold.woff) format("woff");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:brutal;src:url(rubik-bolditalic.woff2) format("woff2"),url(rubik-bolditalic.woff) format("woff");font-style:italic;font-weight:700;text-rendering:optimizeLegibility}body{line-height:1.5;margin:0;border-bottom:1em solid #faff71}.button,body,button,code,input,option,select,textarea{font-family:brutal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.button,button,code,input,option,select,textarea{line-height:1;font-size:1em}a{color:#1777d4;text-decoration:underline;-webkit-text-decoration-color:#a3c2e0;text-decoration-color:#a3c2e0}a:focus,a:hover{-webkit-text-decoration-color:#1777d4;text-decoration-color:#1777d4}a:active{color:#4682b4;-webkit-text-decoration-color:#4682b4;text-decoration-color:#4682b4}::selection{background:#faff71}::-moz-selection{background:#faff71}h1,h2,h3{display:inline;background-position:bottom;background-size:100% .5em;background-repeat:no-repeat}h1:after,h1:before,h2:after,h2:before,h3:after,h3:before{content:"";display:block}h1:not(:first-child):before,h2:not(:first-child):before,h3:not(:first-child):before{margin-top:1em}h1 a,h2 a,h3 a{text-decoration:none}.home>h2,h1{font-size:2.5em;background-image:-webkit-gradient(linear,left top,left bottom,from(violet),to(violet));background-image:-o-linear-gradient(violet,violet);background-image:linear-gradient(violet,violet)}h2{font-size:1.75em;background-image:-webkit-gradient(linear,left top,left bottom,from(#c2ff76),to(#c2ff76));background-image:-o-linear-gradient(#c2ff76,#c2ff76);background-image:linear-gradient(#c2ff76,#c2ff76)}.heading--chapter,h3{font-size:1.25em;background-image:-webkit-gradient(linear,left top,left bottom,from(#faff71),to(#faff71));background-image:-o-linear-gradient(#faff71,#faff71);background-image:linear-gradient(#faff71,#faff71)}.heading--chapter{display:block;text-align:center}svg{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;line-height:1;position:relative;top:-.1em}code{padding:.2em;background-color:#faff71}blockquote{font-style:italic;border-left:.2em solid violet;padding:0 0 0 1em;margin:1.5em 0 1.5em 1em}.button,.notched,button{position:relative;-webkit-clip-path:polygon(0 0,0 calc(100% + .2em),calc(100% - .9em) calc(100% + .2em),calc(100% + .2em) calc(100% - .9em),calc(100% + .2em) 0);clip-path:polygon(0 0,0 calc(100% + .2em),calc(100% - .9em) calc(100% + .2em),calc(100% + .2em) calc(100% - .9em),calc(100% + .2em) 0);border-radius:.2em;border:.2em solid #000;-webkit-box-shadow:.2em .2em 0 #c2ff76;box-shadow:.2em .2em 0 #c2ff76}.button:after,.notched:after,button:after{content:"";display:block;position:absolute;background-color:#fff;width:1.41em;height:1.41em;right:-.76em;bottom:-.76em;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-top:.2em solid #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#c2ff76),to(#c2ff76));background-image:-o-linear-gradient(#c2ff76,#c2ff76);background-image:linear-gradient(#c2ff76,#c2ff76);background-size:100% .2em;background-position:top;background-repeat:no-repeat}label{display:block;max-width:20em;margin-top:1em}label>*{margin:0}.button,button,input[type=email],input[type=text],input[type=url],textarea{border-radius:.2em;border:.2em solid #000;-webkit-box-shadow:.2em .2em 0 #c2ff76;box-shadow:.2em .2em 0 #c2ff76;background-color:#fff}input[type=email],input[type=text],input[type=url],textarea{padding:0 .25em;-webkit-box-shadow:.2em .2em 0 #faff71;box-shadow:.2em .2em 0 #faff71;background:#f5f5f5;line-height:1.5}input[type=email],input[type=text],input[type=url]{width:12em}textarea{width:100%;height:8em}input[type=checkbox],input[type=radio]{position:absolute;width:1.2em;height:1.2em;overflow:hidden;margin:0;padding:0;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0}input[type=checkbox]+span:before,input[type=radio]+span:before{display:inline-block;width:1.2em;height:1.2em;content:" ";position:relative;top:.2em;border-radius:.2em;border:.2em solid #000;-webkit-box-shadow:.1em .1em 0 violet;box-shadow:.1em .1em 0 violet;margin-right:.5em;background-color:#fff}input[type=radio]+span:before{border-radius:1em}input[type=checkbox]:focus+span:before,input[type=radio]:focus+span:before{outline:1px dotted #000}input[type=radio]:checked+span:before{background-image:-o-radial-gradient(center,circle,#000 0,#000 40%,#fff 40%,#fff 100%);background-image:radial-gradient(circle at center,#000 0,#000 40%,#fff 0,#fff 100%)}input[type=checkbox]:checked+span:before{-webkit-box-shadow:.1em .1em 0 violet,inset 0 0 0 .2em #fff,inset 0 0 0 1em #000;box-shadow:.1em .1em 0 violet,inset 0 0 0 .2em #fff,inset 0 0 0 1em #000}fieldset{border:none;padding:0;margin:1.5em 0 0}fieldset legend{margin:0;padding:0;font-weight:700}.button,button{padding:.5em 1em;cursor:default;color:#000;text-decoration:none}.button:focus,.button:hover,button:focus,button:hover{background-color:#faff71}.button:active,button:active{color:#000;top:.2em;left:.2em;-webkit-box-shadow:none;box-shadow:none;-webkit-clip-path:polygon(0 0,0 100%,calc(100% - .9em) 100%,100% calc(100% - .9em),100% 0);clip-path:polygon(0 0,0 100%,calc(100% - .9em) 100%,100% calc(100% - .9em),100% 0)}.button:active:after,button:active:after{background:#fff;right:-.8em;bottom:-.8em}header{position:relative;margin-top:0;text-align:center;background-image:-webkit-gradient(linear,left top,left bottom,from(#c2ff76),to(#c2ff76)),-webkit-gradient(linear,left top,left bottom,from(#faff71),to(#faff71));background-image:-o-linear-gradient(#c2ff76,#c2ff76),-o-linear-gradient(#faff71,#faff71);background-image:linear-gradient(#c2ff76,#c2ff76),linear-gradient(#faff71,#faff71);background-position:top 3.075em right,top 1.8em left;background-size:50% .925em,50% .43em;background-repeat:no-repeat}header figcaption{text-align:left}header .about{margin-left:1.2em;margin-right:1.2em}header.home{padding-top:1em;margin-bottom:2em;background-position:top 5em right,top 2.95em left;background-size:50% 1.5em,50% .7em}header.home .logo{display:block;position:relative;height:0}header.home .logo svg{position:absolute;top:1em;left:0;background-color:#fff}header.home figure{margin-left:4em;margin-top:0}.logo svg{width:5em;height:5em}.home .logo svg{width:8em;height:8em}@media (min-width:40em){header.home{background-position:top 13.45em right,top 9.6em left;background-size:50% 2.8em,50% 1.245em}.home .logo svg{width:15em;height:15em}}@media (min-width:70em){.about,.logo,.randomphoto{display:inline-block;vertical-align:top;margin-top:0}.logo{background-color:#fff}.logo,header.home .logo{display:inline-block;position:relative}header.home .logo{margin-top:3em;height:auto}header.home .logo svg{position:static}.logo+.randomphoto,header.home .randomphoto{margin-left:-8em;max-width:32em;margin-right:4em;margin-top:1.5em}.about{margin-top:4em;width:23em}}@media (min-width:100em){.logo+.randomphoto,header.home .randomphoto{max-width:40em}}.card__inner{display:block;text-decoration:none;color:#000}.card__inner:active{color:#000}.card__inner img{width:100%}.card__inner h2{margin:8px 0;margin:.5rem 0}.card__inner h2:before{margin-top:0}.card__inner .text{margin:0 16px;margin:0 1rem}.card__inner p{margin-top:.5em;margin-bottom:0}.card__inner .link{color:#1777d4;text-decoration:underline;-webkit-text-decoration-color:#a3c2e0;text-decoration-color:#a3c2e0;word-break:break-all}.card__inner:focus .link,.card__inner:hover .link{-webkit-text-decoration-color:#1777d4;text-decoration-color:#1777d4}.card__inner:active .link{color:#4682b4;-webkit-text-decoration-color:#4682b4;text-decoration-color:#4682b4}.card__inner .meta{font-size:12.8px;font-size:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;text-transform:uppercase;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card__inner .meta span{margin-top:0;margin-bottom:.5em}@media (min-width:70em){.card__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-bottom:0}.card__inner img{-o-object-fit:cover;object-fit:cover;max-width:40%}.card__inner .text{position:relative;padding-bottom:3em}.card__inner .text .meta{position:absolute;margin-top:auto;padding-top:1rem;bottom:0;right:0;left:0}.clients .card__inner{display:block}.clients .card__inner img{max-width:100%}}.menu{background-color:#fff;overflow:hidden;position:relative}.menu ul{margin:0;padding:0;list-style:none;text-align:center;width:100%;overflow-x:scroll;overflow-y:hidden;font-size:0}.menu li{font-size:16px;font-size:1rem;position:relative;display:inline-block;margin:0;padding:0 .5em}.menu a{display:block;color:#000;text-decoration:none;padding:.2em .5em;margin-top:0}.menu a:focus,.menu a:hover{background-color:#faff71;text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000}.menu a.current{background-color:#faff71}.menu .submenu{text-transform:uppercase;position:absolute;padding-top:3.2px;padding-top:.2rem;visibility:hidden;text-align:left;z-index:2}.menu .submenu li{font-size:12.8px;font-size:.8rem;padding:0;border-bottom:none}.menu .submenu a{background-color:#fff}.menu .submenu a:focus,.menu .submenu a:hover{background-color:#faff71}.menu .badge{display:none}.menu .scroller{position:absolute;margin-top:0;top:0;left:.1em;right:auto;margin-top:.1em;-webkit-clip-path:none;clip-path:none;padding:.1em .25em;border-radius:3em;-webkit-box-shadow:.1em .1em 0 0 violet;box-shadow:.1em .1em 0 0 violet}.menu .scroller.right{left:auto;right:.1em}.menu .scroller:after{display:none}.menu.js{height:11.5em;white-space:nowrap;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:-o-linear-gradient(#000,#000);background-image:linear-gradient(#000,#000);background-repeat:no-repeat;background-size:100% .2em;background-position:top 1.9em center}.menu.js ul{height:320px;height:20rem}.menu.js .badge{font-size:12.8px;font-size:.8rem;background-color:#c2ff76;position:absolute;display:block;bottom:-1.2em;right:0;padding:.2em .5em 0}.menu.js .badge:focus,.menu.js .badge:hover{background-color:#c2ff76;text-decoration:none}.menu.js .badge:focus+a,.menu.js .badge:hover+a{background-color:#faff71;text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000}.menu.js .submenu:hover,.menu.js a:focus+.submenu,.menu.js a:hover+.submenu{visibility:visible}.menu.js+*{margin-top:-144px;margin-top:-9rem}.links{text-align:center}.links a{margin:0;display:inline-block;padding:.2em .5em}figure{margin:1.5em 0 0}figure img{width:100%;display:block}figure a{text-decoration:none}figure figcaption{font-size:12.8px;font-size:.8rem;text-transform:uppercase;margin-top:0;background-color:#000;color:#fff;padding:.2em .5em}figure figcaption a,figure figcaption p,figure figcaption span{margin:0}figure figcaption p{display:inline}figure figcaption span+span{margin:0 2em}figure figcaption a,figure figcaption span+span{-ms-flex-negative:0;flex-shrink:0}figure figcaption svg{vertical-align:middle}@media (min-width:40em){.randomphoto figcaption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}main.flickr-photosets{max-width:70em}.photos{list-style:none;text-align:center;padding:0}.photos li{display:inline-block;vertical-align:top;margin:0 1em 2.5em;max-width:15em;text-align:left}.prevnext{display:-webkit-box;display:-ms-flexbox;display:flex}.prevnext a{margin-top:0;max-width:45%}.prevnext a:last-child{text-align:right;margin-left:auto}.prevnext a:first-child{text-align:left}.prevnext--chapter a{line-height:1.5}.prevnext--chapter a:first-child{margin-right:auto}.about{text-align:left;background-color:#fff;padding:.5em}.about .about__profile{display:-webkit-box;display:-ms-flexbox;display:flex}.about .about__profile p{margin-left:1em}.about img{display:block;margin-bottom:1em;width:8em}@media (min-width:40em){.about{padding:1em}}.contact{margin-top:0;font-size:12.8px;font-size:.8rem}.contact a{display:inline-block;background-color:violet;padding:.4em .5em .2em;margin:0 0 .5em;text-decoration:none;color:#000}.contact a+a{background-color:#c2ff76}.contact a:last-child{background-color:#faff71}.contact a:focus span,.contact a:hover span{text-decoration:underline}.p-note{margin-top:0}main.blog{max-width:100em}.blog__subscribe{margin-bottom:3em}.blog__subscribe a{margin-top:0;margin-right:1em;display:inline-block;line-height:2}.blog__subscribe svg{margin-right:.5em}.blog__subscribe .rss{height:1em}main.h-entry{max-width:70em}main.h-entry .p-author,main.h-entry .u-photo{display:none}.post__meta{font-size:12.8px;font-size:.8rem;text-transform:uppercase;margin-bottom:4em}.post__meta span{margin-top:0}.post__meta a{color:#000;text-decoration:none;display:inline-block;margin-top:0}.post__meta a:focus,.post__meta a:hover{text-decoration:underline}.post__meta span a{padding:.2em .5em 0;background-color:#faff71}.post__actions{text-align:center}.post__actions .comments,.post__actions .share{text-align:left}.scrollers{display:none}@media (min-width:70em) and (min-height:35em){.columns .e-content{margin-top:1.5em;padding-bottom:1.5em;-webkit-column-width:15em;column-width:15em;-webkit-column-gap:3em;column-gap:3em;-webkit-column-fill:auto;column-fill:auto;-webkit-column-rule:1px dotted #000;column-rule:1px dotted #000;overflow-x:auto;max-width:100%;height:30em;height:90vh}.columns .e-content>p:first-child{margin-top:0}.columns .e-content figure{max-width:100%;margin-left:0}.columns .scrollers{display:block;float:right;margin-top:-3.25em}}.share a{display:block}.share svg{margin-right:.5em}.share .email svg,.share .facebook svg,.share .rss{height:1em}.share nav+h3:before{margin-top:2em}.e-content{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;max-width:35em;margin:0 auto}.e-content li+li{margin-top:.5em}.e-content table{border-collapse:collapse}.e-content table td,.e-content table th{padding:.25em .5em 0;border:1px solid #d3d3d3}.e-content figure{margin-left:-1.2em;margin-right:-1.2em;max-width:auto}.e-content blockquote figure{margin-left:0;margin-right:0}.e-content hr{background:#000;border:0;height:.2em;width:50%;margin:3em auto;border-radius:.2em}@media (min-width:70em){.e-content>figure,.e-content>table{margin-left:-17.5em;width:70em}}.comments{max-width:35em}.comment{margin-bottom:3em}.comment h3 a{color:#000;text-decoration:none}.comment__avatar{width:3em;display:inline-block;vertical-align:middle}.comment__date{font-weight:400;font-size:12.8px;font-size:.8rem;text-transform:uppercase;position:relative;top:1.5em;white-space:nowrap}.comment__notice{background-color:#faff71;text-align:center;font-style:italic;padding:.5em}main.home{max-width:100em}footer{padding-top:1em;border-bottom:.75em solid #c2ff76}footer .about{display:block;margin:0;width:100%;border:none;border-top:.5em solid #c2ff76;-webkit-box-shadow:none;box-shadow:none;-webkit-clip-path:none;clip-path:none;padding:3em 2em}footer .about:after{display:none}footer .menu.js{margin-top:0;border-bottom:.45em solid violet;margin-bottom:0;border-top:.2em solid #000;height:2.5em}footer .menu.js li{border-bottom:0}footer .menu.js .badge,footer .menu.js .submenu:hover,footer .menu.js a:focus+.submenu,footer .menu.js a:hover+.submenu{display:none}@media (min-width:40em){footer .about{padding-left:calc(50% - 18em);padding-right:calc(50% - 18em)}}.starred{margin-left:0;padding-left:1em}.starred li+li{margin-top:1.5em}.starred .date{text-transform:uppercase}.card .author{display:block;margin-bottom:.5em}
/*# sourceMappingURL=brutal.css.map */