.container{box-sizing:content-box;margin-left:auto;margin-right:auto}.container>*{box-sizing:border-box}.card--theme-1 .card__preface{margin-top:0;font-weight:600;font-size:0.875rem;line-height:1.71;margin-bottom:1.8em;background:#d9efff;margin:0 0 1em;border-radius:5px;color:#232a31}@media(min-width: 768px){.card--theme-1 .card__preface{font-size:1rem;line-height:1.5}}.card--theme-1 .card__title{margin-top:0;font-weight:300;font-size:1.75rem;line-height:1.33;margin-bottom:.33em;color:#1d2228;margin:0 0 .1em}.card--theme-1 .card__subtitle{margin-top:0;font-weight:400;font-size:0.875rem;line-height:1.71;margin-bottom:1.8em;color:#5b636a;margin:0 0 1em}@media(min-width: 768px){.card--theme-1 .card__subtitle{font-size:1rem;line-height:1.5}}.card--theme-1 .card__desc{margin-top:0;font-weight:400;font-size:0.875rem;line-height:1.71;margin-bottom:1.8em;color:#232a31;margin:0 0 1em}@media(min-width: 768px){.card--theme-1 .card__desc{font-size:1rem;line-height:1.5}}.card--theme-1 .card__desc span{color:#0f69ff;white-space:nowrap}.card--theme-2 .card__preface{margin-top:0;font-weight:600;font-size:0.875rem;line-height:1.71;margin-bottom:1.8em;background:#f0d4e6;margin:0 0 1em;border-radius:5px;color:#232a31}@media(min-width: 768px){.card--theme-2 .card__preface{font-size:1rem;line-height:1.5}}.card--theme-2 .card__title{margin-top:0;font-weight:300;font-size:1.75rem;line-height:1.33;margin-bottom:.33em;color:#1d2228;margin:0 0 .1em}.card--theme-2 .card__subtitle{margin-top:0;font-weight:400;font-size:0.875rem;line-height:1.71;margin-bottom:1.8em;color:#5b636a;margin:0 0 1em}@media(min-width: 768px){.card--theme-2 .card__subtitle{font-size:1rem;line-height:1.5}}.card--theme-2 .card__desc{margin-top:0;font-weight:400;font-size:0.875rem;line-height:1.71;margin-bottom:1.8em;color:#232a31;margin:0 0 1em}@media(min-width: 768px){.card--theme-2 .card__desc{font-size:1rem;line-height:1.5}}.card--theme-2 .card__desc span{color:#0f69ff;white-space:nowrap}.card{display:block;max-width:600px;grid-auto-rows:auto;margin:0 auto 3em;border-radius:7px;box-shadow:0 0 9px 5px rgba(0,0,0,0);transition:box-shadow .2s ease-in-out}.card:hover{box-shadow:0 0 9px 5px rgba(0,0,0,.2)}.card:hover__pic__img{box-shadow:none}.card__pic__img{box-shadow:0 0 9px 5px rgba(0,0,0,.09);width:100%;border-radius:7px}.card__content{padding:1em}.card__preface{display:inline-block;padding:.3em 1em}.card:not(.button):hover{text-decoration:none}