.blog{padding-top:20px;padding-bottom:100px;padding-left:30%;padding-right:30%}@media screen and (max-width:1080px){.blog{padding-left:15%;padding-right:15%}}.blog{min-height:90vh;font-size:12pt;line-height:2;font-family:var(--roboto-font)}.blog :not(:has(article)) h2{font-size:18pt}.blog h2{padding-top:20px;padding-bottom:10px}.blog .flex{flex-wrap:wrap;margin-top:20px}.blog .flex .card{background-color:#fff;border:2px solid #000;flex-direction:column;justify-content:space-between;width:100%;padding:15px;display:flex;position:relative}.blog .flex .card a{background-color:#fff;border:2px solid #000;width:-moz-fit-content;width:fit-content;display:block;position:relative}.blog .flex .card a span{z-index:2;background-color:#fff;padding:2px 10px;display:block;position:relative}.blog .flex .card a .decoration{z-index:0;background-color:#000;width:100%;height:100%;position:absolute;top:3px;left:3px}.blog .flex .card:before{content:"";z-index:-1;background-color:#000;width:100%;height:100%;position:absolute;top:5px;left:5px}.blog .blog-post h3{margin-top:20px;margin-bottom:10px}.blog .categories{margin-bottom:20px;font-size:smaller;display:inline-block}.blog .categories .tag{color:#2f4f4f}.blog blockquote{color:rgba(0,0,0,.7);border-left:2px solid #000;margin-top:20px;margin-bottom:20px;padding-left:20px}