:root
{
    --bg-color: #f8ffe6;
    --fg-color: #003dcb;
    --quote-bg-color: #f5f5f4;
    --main-font: "Michelangelus";
    --header-font: "Michelangelus";
}

/* FONTS */
@font-face {
    font-family: NebulaSans;
    src: url(../assets/fonts/NebulaSans-Medium.ttf);
}

@font-face {
    font-family: Aleo;
    src: url(../assets/fonts/Aleo-Medium.otf);
}

@font-face {
    font-family: LibreBaskerville;
    src: url(../assets/fonts/LibreBaskerville-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "Michelangelus";
    src: url(/assets/fonts/Michelangelus-Regular.ttf);
}

@font-face {
    font-family: "Michelangelus";
    src: url(/assets/fonts/Michelangelus-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: "Michelangelus";
    src: url(/assets/fonts/Michelangelus-BoldItalic.ttf);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Michelangelus";
    src: url(/assets/fonts/Michelangelus-Italic.ttf);
    font-style: italic;
}

body
{
    background-color: var(--bg-color);
    color: var(--fg-color);
}

a
{
    color: var(--fg-color);
}

.jumbo_title
{
    text-align: center;
    font-size: 5em;
    font-family: var(--main-font);
}

.main_subheader
{
    font-size: 3em;
    text-align: center;
    font-family: var(--main-font);
}

.jumbo_image
{
    width: 720px;
}

.paragraph
{
    font-size: 2em;
    padding-left: 10%;
    padding-right: 10%;
    font-family: var(--main-font);
    text-align: justify;
    text-justify: auto;
}