@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");

/* Embed regular font */
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeRg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Embed regular italic font */
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Embed black font */
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeBlk.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Embed medium font */
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeSb.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Embed medium italic font */
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeSbI.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Embed bold font */
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeBd.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Embed bold italic font */
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeBI.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* Base html,body styles.*/
/* TODO: font-family: 'Segoe UI', 'Segoe', sans-serif; */
html,
body {
    font-family: 'Segoe', Courier, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Bold text styling */
strong,
b {
    font-weight: bold;
}

/* Headings bold weight */
/* If you want headings to also explicitly use Segoe font-family, consider adding it here */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Segoe UI', 'Segoe', sans-serif;
    font-weight: bold;
}

.blk {
    font-weight: 900;
    padding-left: 0.2em;
    padding-bottom: 0.075em;
    line-height: 0.65em;
}

.merriweather {
    font-family: 'Merriweather', serif;
    font-weight: 900;
}