.flex{display:flex;align-items: center}.stack{display:flex;gap:1.5em;margin:2em 0}.stack>*{flex:1}.stack :first-child{margin-top:0}.stack :last-child{margin-bottom:0}@media (max-width:899.999px){.stack{flex-direction:column;align-items: flex-start}}.card,.of-cards>*{border:var(--border);background-color:#fff;border-radius:.5em;padding:1.5em;font-size:95%}:is(.card,.of-cards>*)>:first-child{margin-top:0}:is(.card,.of-cards>*)>:last-child{margin-bottom:0}:is(.card,.of-cards>*) h3{margin-bottom:-.5em}.clickable>div{cursor:pointer}.clickable>div:hover{box-shadow:0 0 0 2px white,0 0 0 4px var(--main-500)}.clickable>div:active{transform:scale(.99)}