.card{background:#333;padding:1.5rem;border-radius:8px;border:1px solid transparent;transition:transform .2s;height:100%;display:flex;flex-direction:column}.card a{margin-top:auto;display:inline-block}.card:hover{transform:translateY(-5px);border-color:#3cb;opacity:.9}.tag{background:#3cddcd;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;margin-right:.5rem}:root{--bg: hsl(0, 0%, 15%);--light-text: hsl(0, 0%, 88%);--head: #33ccbb}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--light-text);line-height:1.6}section{padding:1rem;width:100%;margin:0 auto}@media(min-width:768px){section{padding:1.2rem 2rem;max-width:850px;margin:0 auto}}h1,h2,h3{color:var(--head)}h2{border-bottom:2px #33ccbb;display:inline-block;margin-bottom:1.5rem}nav{position:fixed;top:0;width:100%;background:#2dd2c2;padding:1rem 0;text-align:center;z-index:100;border-bottom:transparent}nav a{color:#f9f9f9;text-decoration:none;margin:0 1.5rem;font-weight:700;transition:color .3s}nav a:hover{color:#ffdead}