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

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

body {
    /* background-color: #E6F4FB; */
    background-image: url("image/bg-blured.jpg");
    background-size: contain;
}

.navbar {
    background-image: url("image/decor1.png"), url("image/decor2.png");
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 200px, 100px;
}

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

.title-purple {
    background-image: url("image/camp-purple.png"), linear-gradient(to left, #C62FFF 20%, #ffffff 80%);
    background-position: left center, left center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100px, 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: #9E1E64;
}