html, body { height: 100%; font-family: 'Capriola', sans-serif; font-size: 16px; }
body { min-height: 100%; }

div.fullscreen { height: 100vh; }

.form-check:has(.form-check-input:checked) { color: var(--bs-primary); }
.card-body .border.rounded-3 { transition: all .2s ease-in-out; }
.card-body .border.rounded-3:hover { border-color: var(--bs-primary) !important; background-color: var(--bs-primary-bg-subtle); }
.card-body .form-check-input { cursor: pointer; }
.card-body .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }

@media all and (max-width: 992px) { /* version mobile */

html, body { font-size: 14px; }

}