.logo{font-family:serif;font-size:1.5rem;font-weight:700;text-align:center;text-decoration:none;white-space:nowrap;color:var(--text-color)}nav ul{display:flex;gap:.5rem;margin:0;padding:0;list-style:none}@media (max-width: 450px){nav ul{justify-content:space-evenly}}nav a{--focus-bg: #224;--active-bg: #99d;--active-color: var(--bg-color);padding:0 .5rem;font-size:1.1rem;text-decoration:none;border-radius:1rem}nav a.active{background-color:var(--active-bg);color:var(--active-color)}nav a:hover:not(.active),nav a:focus:not(.active){background-color:var(--focus-bg)}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem}@media (max-width: 450px){header{flex-direction:column;align-items:stretch}}main{position:relative;padding:.5rem}.blur{position:absolute;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.container{--card-min-width: 230px;--card-max-width: 300px;--card-bg: #223;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width),var(--card-max-width)));justify-content:center;gap:1rem}.card{display:grid;grid-template-rows:1fr auto auto auto;align-items:center;gap:1rem;padding:1rem;border-radius:16px;box-shadow:.25rem .25rem 8px #000;background-color:var(--card-bg);text-align:center}.card *{margin:0}.card img{justify-self:center;max-width:100%}.card p{max-width:100%}.card input{text-align:inherit;width:100%}.amount{display:flex;justify-content:center;gap:.5rem}:root{--bg-color: #112;--text-color: #cce;--link-color: #99e;box-sizing:border-box;font-family:sans-serif;font-size:16px;line-height:1.5;color:var(--text-color)}*,:before,:after{box-sizing:inherit}body{margin:0;background-color:var(--bg-color)}h1,h2{font-family:serif;line-height:1.2;text-align:center}p{max-width:80ch;margin:1rem auto}a{color:var(--link-color)}