@font-face {
    font-family: 'segoe-ui-regular';
    src: url('../fonts/segoe-ui-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'segoe-ui-semibold';
    src: url('../fonts/segoe-ui-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'segoe-ui-bold';
    src: url('../fonts/segoe-ui-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

html,
body {
    height: 100%;
    overscroll-behavior: none;
}

.justify {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

* {
    font-family: 'segoe-ui-regular', Arial, Helvetica, sans-serif;
}

/* Hide scrollbar but keep functionality */
.hide-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */
}

.section-content p strong {
    color: #CCC9B4;
}

.section-content ul {
    list-style-type: disc;
    padding-left: 1.5em;
}

.section-content h3 {
    font-family: 'segoe-ui-semibold', Arial, Helvetica, sans-serif;
}

.section-content p span, .section-content ul li span {
    color: #269D6A;
}

.section-content figcaption {
    display: none;
}

.section-content figure img {
    margin-top: 1.2rem;
    margin-bottom: 2rem;
}

.section-content em {
    font-style: normal;
    font-family: 'segoe-ui-semibold', Arial, Helvetica, sans-serif;
}

.section-content figure a {
    pointer-events: none;
    cursor: default;
}