.card{border-radius:1rem;padding:1rem;margin-bottom:.2rem;box-shadow:2px 2px 4px 2px rgba(0,0,0,.2);transition:240ms}.card:nth-child(even){transition:390ms}.card.no-pad{padding:0;overflow:hidden;padding-bottom:1rem}.card.no-pad>*{margin:0 1rem;margin-bottom:.5rem}.card.no-pad>img{margin:0;margin-bottom:1rem}.button{border-radius:1.5rem;text-decoration:none;padding:1rem;margin:.2rem;box-shadow:2px 2px 4px 2px rgba(0,0,0,.2);transition:240ms;transform:translateY(0)}.button:nth-child(even){transition:340ms}html.is-changing .transition-main{transition:opacity 200ms ease-in-out}html.is-animating .transition-main{opacity:0}html.is-animating :is(.button,.card){transform:translateY(6rem)}html.is-leaving :is(.button,.card){transform:translateY(6rem)}.glass{background:rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.56);padding:1rem;transition:400ms}html.is-animating :is(.glass){transform:translateY(6rem)}html.is-leaving :is(.glass){transform:translateY(6rem)}