.card{-o-transition:all .3s ease-in-out;background-color:#4449;border-radius:5px;padding:10px;transition:all .3s ease-in-out;display:flex}.card:hover{scale:1.1}.card-content{text-align:left;width:100%;padding:10px}.card-content .card-title{text-align:left;color:var(--rust-accent);margin-bottom:10px;font-size:1.2em;font-weight:700}.card-content p{text-align:left;margin-bottom:10px;font-size:.9em}.card-author{text-align:right;width:100%;margin-bottom:10px;font-size:.7rem}@media only screen and (max-width:600px){.card{width:100%;display:block}.card-content .card-title,.card-content .card-description,.card-content .card-author{text-align:center!important}.card-image{justify-content:center;display:flex}.card-image img{width:100%}.card:hover{scale:1.05}}@media only screen and (min-width:600px){.card{width:500px}}@media only screen and (min-width:768px){.card{width:600px}}@media only screen and (min-width:992px){.card{width:700px}}@media only screen and (min-width:1200px){.card{width:800px}}.card{background:#141414c7;border:1px solid #ff950033;border-radius:12px;align-items:stretch;gap:1.25rem;min-width:0;max-width:100%;text-decoration:none;transition:opacity .26s,border-color .26s,box-shadow .26s,background-color .26s;box-shadow:0 8px 24px #0000002e}.card:hover{background:#1c1c1ce0;border-color:#ff950073;scale:1;box-shadow:0 12px 28px #0000003d}.card-image{background:#00000040;border-radius:8px;flex:0 0 200px;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:132px;transition:opacity .26s}.card:hover .card-image img{opacity:.86}.card:focus-visible{outline:2px solid var(--rust-accent);outline-offset:4px}.card-content{flex-direction:column;justify-content:center;gap:.35rem;padding:.75rem .75rem .75rem 0;display:flex}.card-content .card-title{color:var(--rust-accent);margin:0;font-size:1.15rem;line-height:1.25}.card-content p{color:#ffffffc7;margin:0;line-height:1.5}.card-date{color:#ffffff80;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.articles-page{margin-top:0!important;padding-top:2rem!important}@media only screen and (max-width:600px){.card{gap:.75rem}.card-image{border-radius:8px 8px 0 0}.card-image img{height:180px}.card-content{padding:0 1rem 1.1rem}.card-content .card-title,.card-content p{text-align:left!important}}