:root{--soft-blue: hsl(215, 51%, 75%);--cyan: hsl(178, 100%, 50%);--main-bg: hsl(217, 54%, 11%);--card-bg: hsl(216, 50%, 16%);--line: hsl(215, 32%, 27%);--white: hsl(0, 0%, 100%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{height:100vh;background:var(--main-bg)}.main{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.content{margin:0 1rem;width:320px;padding:1rem;border-radius:12px;background:var(--card-bg)}.img{width:100%;height:280px;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/image-equilibrium-GIZJP2WF.jpg");position:relative;overflow:hidden}.img:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#00fff780;background-image:url("./media/icon-view-SI6BVXXV.svg");background-repeat:no-repeat;background-position:center;background-size:2.5rem 2.5rem;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.img:hover:after{opacity:1}.title{font-size:20px;margin:1rem 0;color:var(--white);font-weight:600;letter-spacing:1px}.info{font-size:18px;margin-bottom:1rem;line-height:24px;opacity:.7;color:var(--soft-blue)}.detail{display:flex;align-items:center;justify-content:space-between}.icon{width:1rem;height:1rem;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("./media/icon-ethereum-5FBEXPVG.svg")}.value{gap:.3rem;color:var(--cyan);display:flex;align-items:center}.day{gap:.3rem;display:flex;opacity:.7;align-items:center;color:var(--soft-blue)}.clock{width:1rem;height:1rem;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("./media/icon-clock-QTOXNOE5.svg")}hr{margin:1rem 0;border-color:var(--line)}.owner{gap:1rem;display:flex;align-items:center}.owner .user-img{width:2rem;height:2rem;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--white);background-image:url("./media/image-avatar-K7TFXLQR.png")}.name{color:var(--soft-blue)}.name span{font-weight:200;color:var(--white)}.name span:hover,.title:hover{cursor:pointer;color:var(--cyan)}