@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../Fonts/Montserrat/montserrat-v24-latin-ext_latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../Fonts/Montserrat/montserrat-v24-latin-ext_latin-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../Fonts/Montserrat/montserrat-v24-latin-ext_latin-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('../Fonts/Montserrat/montserrat-v24-latin-ext_latin-600italic.woff2') format('woff2');
}

:root {
    --bs-primary: #14316a;
    --bs-primary-rgb: 20, 49, 106;
    --bs-focus-ring-color: rgba(20, 49, 106, 0.25);
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #14316a;
    --bs-btn-border-color: #14316a;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #0f2552;
    --bs-btn-hover-border-color: #0f2552;
    --bs-btn-focus-shadow-rgb: 20, 49, 106;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #0f2552;
    --bs-btn-active-border-color: #0f2552;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #14316a;
    --bs-btn-disabled-border-color: #14316a;
}

* {
    font-family: 'Montserrat', sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Montserrat', sans-serif !important;
}

.invitation-page {
    max-width: 860px;
    margin: 0 auto;
    padding-top: 2rem;
}

.btn-alternative {
    color: #14316a;
    background-color: transparent;
    border: 2px solid #14316a;
    border-radius: var(--bs-border-radius);
    padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);
    font-size: var(--bs-btn-font-size, 1rem);
    line-height: var(--bs-btn-line-height, 1.5);
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.btn-alternative:hover,
.btn-alternative:focus,
.btn-alternative:active {
    color: #fff;
    background-color: #14316a;
    border-color: #14316a;
}