:root{--very-dark-blue-main-bg: #0d192c;--Cyan: #00fff8;--Soft-Blue: #8bacd9;--very-dark-blue-card-bg: #15263f;--very-dark-blue-line: #2e405a;--White: #ffffff;--black: #000000;--border-radius-md: 15px;--border-radius-sm: 10px;--space-4: 32px;--space-3: 24px;--space-2: 16px;--space-1: 8px}*{box-sizing:border-box;margin:0;padding:0}img{display:block}body{background:var(--very-dark-blue-main-bg);font-family:Outfit;font-size:15px;font-style:normal;font-weight:400;line-height:normal;color:var(--Soft-Blue);font-feature-settings:"liga" off,"clig" off}@media screen and (min-width: 480.5px){body{font-size:16px}}.splash{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--space-3)}.card{max-width:350px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);padding-bottom:var(--space-3);border-radius:var(--border-radius-md);background:var(--very-dark-blue-card-bg);box-shadow:0 25px 50px #0000001a}.card:focus{outline:1px solid var(--Cyan)}.card:hover{cursor:pointer}@media screen and (min-width: 480.5px){.card{gap:var(--space-3);padding-bottom:var(--space-4)}}.card__image{position:relative;z-index:0;width:100%;border-radius:var(--border-radius-sm);overflow:hidden;margin-bottom:var(--space-1)}.card__image-base{width:100%;object-fit:cover;object-position:center}.card__image-overlay{position:absolute;transition:opacity .3s;height:100%;width:100%;opacity:0;display:flex;justify-content:center;align-items:center}.card:hover .card__image-overlay,.card:focus .card__image-overlay{opacity:1}.card__image-overlay-icon{position:absolute;transition:opacity .3s;width:48px}.card__image-overlay-fill{opacity:.53;background-color:var(--Cyan);height:100%;width:100%}@media screen and (min-width: 480.5px){.card__image{margin-bottom:0}}.card__content{display:flex;flex-direction:column;gap:12px}@media screen and (min-width: 480.5px){.card__content{gap:var(--space-2)}}.card__title{color:var(--White);font-size:22px;font-weight:600}.card:hover .card__title,.card:focus .card__title{color:var(--Cyan)}.card__description{color:var(--Soft-Blue);font-size:18px;font-weight:300;line-height:26px}.card__stats{display:flex;justify-content:space-between}.stat-left{display:flex;gap:6px}.stat-left img{height:18px}.stat-left__text{color:var(--Cyan);font-weight:600}.stat-right{display:flex;align-items:center;gap:8px}.stat-right img{height:16px}.stat-right__text{color:var(--Soft-Blue)}.card__author{display:flex;padding-top:var(--space-2);border-top:1px solid var(--very-dark-blue-line);align-items:center}.card__author-avatar{height:33px;margin-right:var(--space-2);border:1px solid var(--White);border-radius:50%}.card__author-caption{color:var(--Soft-Blue);margin-right:5px}.card__author-name{color:var(--White)}.card:hover .card__author-name,.card:focus .card__author-name{color:var(--Cyan)}