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

.font_geogrotesque {
    font-family: Geogrotesque !important;
}

body {
    background-color: #f0feff;
    background-image: url("image/bg-top-left.png"), url("image/bg-top-right.png"), url("image/bg-bottom.png");
    background-size: 250px, 250px, contain;
    background-position: top left -50px, center right -50px, bottom left;
    background-repeat: no-repeat, no-repeat, repeat-x;
}

.navbar {
    background-image: url("image/decor1.png"), url("image/decor2.png");
    background-position: bottom -30px left -10px, top -20px right -60px;
    background-repeat: no-repeat, no-repeat;
    background-size: 300px, 150px;
}

.title-blue {
    background-image: url("image/money1.png"), linear-gradient(to left, #0aa032 20%, #ffffff 80%);
    background-position: left 20px center, left center;
    background-repeat: no-repeat, no-repeat;
    background-size: 90px, cover;
}

.title-purple {
    background-image: url("image/money2.png"), linear-gradient(to left, #fec701 20%, #ffffff 80%);
    background-position: left 20px center, left center;
    background-repeat: no-repeat, no-repeat;
    background-size: 90px, cover;
}

.bg-mountain {
    /* background-image: url("image/mountain.png"); */
    /* background-image: url("image/mountain2.png"); */
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: 60%;
}

.bg-trans {
    background-color: rgba(255, 255, 255, 0.7);
}

.theme-one {
    color: #ca5a19;
}