@font-face {
    font-family: oxibold;
    src: url(../fonts/Oxanium-Bold.woff2);
}

@font-face {
    font-family: oxisemibold;
    src: url(../fonts/Oxanium-SemiBold.woff2);
}

@font-face {
    font-family: oximed;
    src: url(../fonts/Oxanium-Medium.woff2);
}

@font-face {
    font-family: oxilight;
    src: url(../fonts/Oxanium-Light.woff2);
}

@font-face {
    font-family: libreit;
    src: url(../fonts/LibreBaskerville-Italic.woff2);
}

@font-face {
    font-family: libreitbold;
    src: url(../fonts/LibreBaskerville-Bold.woff2);
}

:root {
    --gold: #d6a36f;
    --font-bold: "oxibold";
    --fontSemiBold: "oxisemibold";
    --fontMed: "oximed";
    --fontLight: "oxilight";
    --fontBody: "libreit";
    --fontBodyBold: "libreitbold";
}

.gold {
    color: var(--gold);
}

.bg-gold {
    background-color: var(--gold);
}

.font-bold {
    font-family: var(--font-bold);
}

.font-semibold {
    font-family: "oxisemibold";
}

.font-med {
    font-family: "oximed";
}

.font-light {
    font-family: "oxilight";
}

.font-body {
    font-family: "libreit";
}

.font-body-bold {
    font-family: "libreitbold";
}

.bg-white {
    background-color: white;
}

.tgt-mt-xl {
    margin-top: 10%;
}

.tgt-mb-xl {
    margin-bottom: 10%;
}

.tgt-mb-md {
    margin-bottom: 5%;
}

.tgt-my-xl {
    margin-top: 10%;
    margin-bottom: 10%;
}

.tgt-py-xl {
    padding-top: 10%;
    padding-bottom: 10%;
}

.tgt-pt-xl {
    padding-top: 10%;
}

.tgt-pb-xl {
    padding-bottom: 10%;
}

.tgt-pt-md {
    padding-top: 5%;
}

.tgt-py-md {
    padding-top: 5%;
    padding-bottom: 5%;
}

.tgt-pb-md {
    padding-bottom: 5%;
}

html {
    background-color: white;
    display: flex;
    justify-content: center;
}

body {
    max-width: 1920px;
    overflow-x: hidden;
    color: white;
    font-family: "oximed";
}

.text-h1 {
    font-size: clamp(1.8rem, 8vw, 10rem) !important;
    line-height: clamp(2.1rem, 9vw, 10rem) !important;
}

.text-h2 {
    font-size: clamp(1.6rem, 8vw, 5rem) !important;
    line-height: clamp(2rem, 8vw, 6rem) !important;
}

.text-h3 {
    font-size: clamp(1.4rem, 5vw, 2.5rem) !important;
    line-height: clamp(1.8rem, 6vw, 2.8rem) !important;
}

.text-h4 {
    font-size: clamp(1.2rem, 2vw, 2rem) !important;
    line-height: clamp(1.5rem, 2.5vw, 2.2rem) !important;
}

.text-h5 {
    font-size: clamp(1.2rem, 1.6vw, 1.4rem) !important;
    line-height: clamp(1.4rem, 2vw, 1.8rem) !important;
}

.text-h6 {
    font-size: clamp(1rem, 1.4vw, 1.4rem) !important;
    line-height: clamp(1rem, 1.4vw, 1.6rem) !important;
}

.text-subtitle1 {
    font-size: clamp(0.75rem, 1.2vw, 1.5rem) !important;
    line-height: clamp(0.9rem, 1.6vw, 1.8rem) !important;
}

.text-subtitle2 {
    font-size: clamp(0.8rem, 1vw, 1rem) !important;
    line-height: clamp(1rem, 1.2vw, 1.3rem) !important;
}

.text-subtitle3 {
    font-size: clamp(0.7rem, 0.9vw, 0.9rem) !important;
    line-height: clamp(0.8rem, 1.1vw, 1.1rem) !important;
}

.text-body1 {
    font-family: "libreit" !important;
}

.background-linear {
    background: rgb(255, 4, 4);
    background: linear-gradient(94deg, rgba(255, 4, 4, 0.3) 0%, rgba(91, 1, 162, 0.3) 37%, rgba(0, 62, 13, 0.3) 74%, rgba(2, 147, 73, 0.3) 100%);
}

.q-separator {
    background: linear-gradient(94deg, rgba(255, 0, 255, 0.3) 0%, rgba(0, 255, 255, 0.3) 100%);
    height: 3px;
    width: 100%;
}

.inline-block {
    display: inline-block;
}
.color-white {
    color: white;
}