/*
 * ------------------------------------------------------------------
 *
 * Fonts.
 *
 */
/* regular version */
@font-face {
    font-family: "NotoSans";
    font-weight: normal;
    font-style: normal;
    src: url(../../../doc/fonts/NotoSans-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: normal;
    font-style: normal;
    src: url(../../../doc/fonts/Montserrat-Regular.ttf) format("truetype");
}

/* bold version */
@font-face {
    font-family: "NotoSans";
    src: url(../../../doc/fonts/NotoSans-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(../../../doc/fonts/Montserrat-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

/* italic version */
@font-face {
    font-family: "NotoSans";
    src: url(../../../doc/fonts/NotoSans-Italic.ttf) format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url(../../../doc/fonts/Montserrat-Italic.ttf) format("truetype");
    font-weight: normal;
    font-style: italic;
}

/* bold italic version */
@font-face {
    font-family: "NotoSans";
    src: url(../../../doc/fonts/NotoSans-BoldItalic.ttf) format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url(../../../doc/fonts/Montserrat-BoldItalic.ttf) format("truetype");
    font-weight: bold;
    font-style: italic;
}

:root {
    --light-color-background: white;
    --dark-color-background: #333;

    font-family: "NotoSans", Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

body {
    font-family: "NotoSans", Arial, sans-serif;
}

footer {
    display: block;
    clear: both;
    text-align: center;
    color: #4d4d4d;
    font-size: 0.75rem;
    margin-top: 2em;
    padding-top: 2em;
}

h1,
h2,
h3 {
    font-family: "Montserrat", Arial, sans-serif;
}