:root{--Cyan-400:#00fff7;--Blue-500:#8bacda;--Blue-800:#2f415b;--Blue-900:#14253d;--Blue-950:#0d192b;--White:#fff;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:600;--max-width:64rem}.card{background-color:var(--Blue-900);max-width:18rem;max-height:32rem;color:var(--Blue-500);border-radius:1rem;padding:1rem}.card__image{cursor:pointer;position:relative}.card__image img{border-radius:.5rem;width:100%;height:100%}.card__image:hover>.card__image--view{z-index:1;background-color:hsla(from var(--Cyan-400) h s l / 50%);border-radius:.5rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card__image:hover>.card__image--view img{width:3rem;height:3rem}.card__title{color:var(--White);cursor:pointer;padding:1rem 0;font-size:1.2rem}.card__title:hover{color:var(--Cyan-400)}.card__description{padding:0 .5rem 0 .25rem;font-size:.8rem}.card__detail{border-bottom:1px solid var(--Blue-800);justify-content:space-between;align-items:center;padding:1rem 0;font-size:.8rem;display:flex}.card__detail-nft{align-items:center;display:flex}.card__detail-nft img{width:.5rem;height:1rem;margin-right:.5rem}.card__detail-nft span{font-weight:var(--font-weight-bold);color:var(--Cyan-400)}.card__detail-time{align-items:center;display:flex}.card__detail-time img{width:1rem;height:1rem;margin-right:.5rem}.card__avatar{align-items:center;padding:1rem 0 0;display:flex}.card__avatar img{border:solid .1rem var(--White);border-radius:50%;width:2rem;height:2rem;margin-right:1rem}.card__avatar p{font-size:.9rem}.card__avatar-name{color:var(--White);cursor:pointer}.card__avatar-name:hover{color:var(--Cyan-400)}.card__image--view{display:none}@font-face{font-family:Outfit;src:url(/fonts/Outfit.ttf);font-weight:300;font-style:normal}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}body{font-family:Outfit,sans-serif;font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;background-color:var(--Blue-950);font-size:1.1rem;line-height:1.5}main{justify-content:center;align-items:center;min-height:100dvh;display:flex}