:root{
    --black: #0D1821;
    --gray: #373F51;
    --white: #FFFAFB;
    --gold: #FFD700;
    --blue: #1B98E0;
}

@font-face {
    font-family: 'Outfit';
    src: url('./fonts/Outfit-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'PoppinsThin';
    src: url('./fonts/Poppins-Light.ttf');
}

@font-face {
    font-family: 'PoppinsBold';
    src: url('./fonts/Poppins-SemiBold.ttf');
}

/* override colors */
.gold{
    color: var(--gold) !important;
}

.blue{
    color: var(--blue) !important;
}

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

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

h1.main-title{
    background: linear-gradient(#705f00, var(--gold), #705f00);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:-.5rem;
}



body{
    font-family: 'Poppins', sans-serif;
}

.light{
    font-weight: 300;
}

.bold, strong{
    font-weight: 400;
}

.f1 {
    font-family: 'Outfit', sans-serif;
}

.text-shadow {
    text-shadow: 0px 0px 4px #000000;
}

h1, .text-xxxl{
    font-family: 'Outfit', sans-serif;
    /* font-size: 96px;
    font-weight: 300; */
}

h2, .text-xxl{
    font-family: 'Outfit', sans-serif;
    /* font-weight: 400;
    font-size: 54px; */
}

h3.bold{
    font-family: 'PoppinsBold', sans-serif;
}

h4.bold{
    font-family: 'PoppinsBold', sans-serif;
}

p.bold, .text-m.bold{
    font-family: 'PoppinsBold', sans-serif;
}

h5.bold{
    font-family: 'PoppinsBold', sans-serif;
}

.social-chips{
    color: var(--blue);
    text-decoration: none;
}