body{font-family:Helvetica,sans-serif;background:slategrey}.layout-wrapper{display:flex;flex-direction:column}a{color:#1b344c;transition:.1s;&:hover{color:coral}}header{.header-box{position:absolute;top:2rem;right:0;width:90%;color:#eee;padding:16px 0 26px 16px;border-radius:6px;margin:0;@media (min-width:50em){width:40%}&:before{content:"";position:absolute;top:6px;right:0;bottom:.5em;left:0;z-index:-1;border-radius:10px 0 0 10px;box-shadow:inset 0 1px #ffffff80;transform:translateZ(0) perspective(40px) rotateX(-2deg);transform-origin:bottom right;background:#1b344c}h1{margin:0;padding:0;color:coral;text-decoration:none}.tagline,h1{white-space:nowrap}.tagline{font-family:monospace;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:4px}}}.breadcrumbs{a{text-decoration:none}}footer{padding:1rem;text-align:center;font-size:2rem;a{padding:0 1rem;color:white}}h2{font-size:30px;font-family:monospace;color:#0d3d6d}.categories{display:flex;flex-wrap:wrap;gap:.5rem}.categories a{text-decoration:none}.categories .category-tag{font-family:monospace;align-items:center;border-radius:.75rem;position:relative;max-width:100%;overflow:hidden;display:flex;box-shadow:inset 0 0 0 2px #708090;background-color:#eee;letter-spacing:.5px}.categories .category-icon{background-color:#708090;fill:#fff;color:#fff;padding:.3rem .5rem 0 .6rem}.categories .category-label{padding:.25rem .75rem .25rem .5rem}.categories .category-active .category-tag{box-shadow:inset 0 0 0 2px #ff8c00;background-color:#fff4e5}.categories .category-active .category-icon{background-color:#ff8c00;color:#fff}.home-columns{display:flex;flex-direction:row;gap:3rem;transition:all .3s ease-in-out}@media(max-width:50em){.home-columns{flex-direction:column;gap:0}}.home-columns .post-card{width:300px;padding:1rem;display:flex}main{background:#f7f7f7;display:block;margin:-9px 0 0;padding:1em;border-radius:3px;position:relative;min-height:75vh}main .content-wrapper{max-width:1200px;width:100%;margin:0 auto;position:relative}nav.nav-main{margin:8rem auto 0;display:flex;max-width:1200px;width:100%}nav.nav-main a{position:relative;margin:0 .5rem 0 0;padding:1.5em 2.5em 1em 1em;font-family:monospace;font-weight:600;font-size:18px;color:#474747;text-decoration:none;letter-spacing:.5px}nav.nav-main a:before{transition:all .2s ease-in-out;background:rgba(238,238,238,.7098039216);content:"";position:absolute;top:0;right:0;bottom:.5em;left:0;z-index:-1;border-bottom:none;border-radius:10px 10px 0 0;box-shadow:inset 0 2px hsla(0,0%,100%,.5019607843);transform:translateZ(0) perspective(5px) rotateX(2deg);transform-origin:bottom left}nav.nav-main a:hover:before{background:#eee}nav.nav-main a.active{color:#eee;text-shadow:none}nav.nav-main a.active:before{background:#1b344c}.post-card{max-width:250px;padding:1rem 1rem .25rem;border-radius:.25rem;box-shadow:0 3px 10px #bebebe;transition:all .3s ease-in-out;background:#fff}.post-card img{width:100%}.post-card h3{font-family:monospace;font-size:24px;color:#0d3d6d;padding-top:.5rem;margin:0;transition:.1s ease-in-out}.post-card .post-date{font-family:monospace;color:#474747;text-transform:uppercase;font-weight:200}.post-card:hover{box-shadow:0 4px 15px #b0b0b0;transform:translateY(-5px);cursor:pointer}.post-card:hover h3{color:coral}.posts-wrapper{max-width:1200px;margin:2rem 0;display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:minmax(150px,auto)}.posts-wrapper .post-card{max-width:250px;padding:1rem 1rem .25rem}.post-header h2{margin-bottom:.5rem}.post-header{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}@media screen and (max-width:920px){.post-header{flex-direction:column}}.post-content img{max-width:100%;height:auto}