.blog-cards>a span{font-family:'Roboto'}.blog-cards{padding:5vh var(--box-padding)}.blog.index h2,.blog.index .parts{padding:0 var(--box-padding)}.blog .body .embed{position:relative;display:block;height:0;padding-bottom:56.25%;width:100%}.blog .body .embed>*{border:none}.blog .body .embed>*{position:absolute;width:100%;height:100%}.blog.index{display:flex;flex-flow:column}.blog-cards>a{border-radius:3px}.blog-cards>a{overflow:hidden}.blog-cards>a,.blog .meta-headline{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}.blog .atom{font-size:2.6em;color:#d64f00}.blog .meta-headline{background:#f7f6f5;padding:1.4rem var(--box-padding) 0.4rem var(--box-padding);text-align:center}.blog .meta{margin-bottom:1.4rem}.blog .meta span{display:inline-block;margin-right:2em}.blog .headline{display:block;font-size:1.3em;font-style:italic;font-weight:normal}.blog .illustration,.blog [data-oembed]{text-align:center}.blog .illustration img{max-height:24em;margin:3em 0}.blog img,.blog .block-img{max-width:100%}.blog .block-img img{width:auto;height:auto}.blog twitter-widget,.blog [data-oembed] iframe{max-width:calc(100vw - 2 * var(--box-padding)) !important;margin:30px auto !important}.blog.post.no-icon .illustration{display:none}.blog.post h1 a{font-size:.6em;vertical-align:middle}.blog .body{font-size:1.2em;margin:0 var(--box-padding) 4em var(--box-padding);cursor:initial;line-height:1.8}.blog .body strong{font-weight:bold}.blog .body em{font-style:italic}.blog .body .block-img{text-align:center}.blog .body .block-img+p>em:first-child{margin-top:-20px;display:block;font-size:.8em;text-align:center}.blog .body ol,.blog .body ul{margin:25px}.blog .body li{list-style:disc outside}.blog .body h2{border-bottom:1px solid #d9d9d9;margin:1.6em 0 1em 0}.blog .body h3{font-weight:bold;margin:1.6em 0 1em 0}.blog .body h3{font-size:18px}@media (min-width: 320px){.blog .body h3{font-size:calc(18px + 12 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){.blog .body h3{font-size:30px}}.blog .body h4{font-size:1.4em}.blog .body img{padding:5px;border:1px solid #d9d9d9}.blog .body pre{white-space:pre-wrap;font-size:0.9em;line-height:1.2;border:1px solid #d9d9d9;padding:1em}.blog .body .embed{margin:2vmin auto}.blog.index h2{margin:2rem 0}.blog.index article{margin-bottom:2em}.blog.index article h2{text-align:center}.blog.index .meta{text-align:center}.blog.index .parts{margin-top:3em}.blog.index .parts .illustration{float:left;max-width:40%;margin:0 3em 2em 0}.blog.index .parts .illustration img{margin:0}.blog.index .parts .body{font-size:1.15em;line-height:1.7}.blog.index .more{margin-top:2em;text-align:center}.blog .footer{text-align:center;font-size:1.3em;margin-bottom:40px}.blog .footer .button{margin:0 var(--box-padding);text-transform:none;white-space:normal;display:block}.blog .footer .button::before{vertical-align:bottom}.blog-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(20em, 1fr));grid-gap:3vmin}.blog-cards>a{transition:all 150ms;background:#f7f6f5;color:#4d4d4d;position:relative}.blog-cards>a:hover{box-shadow:0 0 5px #1b78d0,0 0 20px #1b78d0}.blog-cards>a time{position:absolute;top:0;left:0;padding:.2em .5em;background:#111;color:#ddd;border-radius:0 0 3px 0;opacity:1}.blog-cards>a img{width:100%;background:#f7f6f5}.blog-cards>a .content{padding:2vmin}.blog-cards>a .title{font-size:1.3em;color:#1f1f1f;display:block}.blog-cards>a span{margin-top:2vmin;display:block}