:root{--blog-featured-bg-left:#0f6776;--blog-featured-bg-middle:#14b8a6;--blog-featured-bg-right:#3e8669;--blog-rect-left:rgba(45,212,191,.6);--blog-rect-middle:rgba(99,235,203,.85);--blog-rect-right:rgba(100,233,160,.95);--blog-card-bg-top:rgba(30,41,59,.6);--blog-card-bg-middle:rgba(0,0,0,.4);--blog-card-bg-bottom:rgba(0,0,0,.4);--blog-card-highlight-left:#68ccdb;--blog-card-highlight-middle:#40ffe9;--blog-card-highlight-right:#4bffc3}.blog-featured-card{background:linear-gradient(to right,var(--blog-featured-bg-left),var(--blog-featured-bg-middle),var(--blog-featured-bg-right))}.blog-animated-rect{background:linear-gradient(to right,var(--blog-rect-left),var(--blog-rect-middle),var(--blog-rect-right))}.blog-small-card{background:linear-gradient(to bottom,var(--blog-card-bg-top),var(--blog-card-bg-middle),var(--blog-card-bg-bottom))}.blog-card-highlight{background:linear-gradient(to right,var(--blog-card-highlight-left),var(--blog-card-highlight-middle),var(--blog-card-highlight-right))}.animate-fadeIn{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.diagonal-animate{animation:15s linear infinite diagonalExpand}@keyframes diagonalExpand{0%{opacity:.6;transform:rotate(0)scale(.9)}25%{opacity:.7;transform:rotate(90deg)scale(1.1)}50%{opacity:.8;transform:rotate(180deg)scale(1.3)}75%{opacity:.7;transform:rotate(270deg)scale(1.1)}to{opacity:.6;transform:rotate(360deg)scale(.9)}}