:root {
    --xxxlarge: 40px;
    --xxlarge: 32px;
    --xlarge: 24px;
    --large: 18px;
    --medium: 16px;
    --small: 14px;
    --xsmall: 12px;
    --xxsmall: 10px;
    --xxxsmall: 8px;
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
button,
a,
span,
html,
* {
    font-family: "Montserrat", sans-serif;
}

.xxxlarge {
    font-size: var(--xxxlarge) !important;
}
.xxlarge {
    font-size: var(--xxlarge) !important;
}
.xlarge {
    font-size: var(--xlarge) !important;
    line-height: 32px;
}
.large {
    font-size: var(--large) !important;
}
.medium {
    font-size: var(--medium) !important;
}
.small {
    font-size: var(--small) !important;
    line-height: 20px;
}
.xsmall {
    font-size: var(--xsmall) !important;
}
.xxsmall {
    font-size: var(--xxsmall) !important;
}
.xxxsmall {
    font-size: var(--xxxsmall) !important;
}

.bold {
    font-weight: 700 !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}