@import './font.css';


body {
    font-family: 'Bebas';
}

.ff-cz {
    font-family: "Czizh";
}

.ff-sw {
    font-family: 'Sweet';
}

.bg-purple {
    background: #B616C8;
}

.bg-section {
    background-image: url('../images/sectionBg.png');
}

.text-blue {
    color: #0099FF;
}

.bg-blue {
    background: #0099FF;
}

.bg-light {
    background: #F8F3E0;
}

.text-corp {
    color: #0156A1;
}

.card-rotate {
    transform: rotate(-7deg);
    right: 15%;
}

.card-position {
    right: 15%;
    top: 30px;
}

.glasses {
    top: 15%;
    left: 10%;
}

.star {
    top: 60%;
}

.surf {
    left: 10%;
    top: 85%;
}

.lie {
    left: 45%;
    top: 15%;
}

.table-tennis {
    left: 46%;
    top: 50%;
}

.tennis {
    top: 85%;
}

.towels {
    right: 10%;
}

.bg-ocean {
    background-image: url('../images/ocean.png');
    background-size: cover;
}

.rotate-samarcand {
    transform: rotate(7deg);
    right: -10%;
}

.rotate-mountains {
    transform: rotate(-7deg);
    right: 10%;
}

.rotate-mountain {
    transform: rotate(10deg);
}

.lisence-1 {
    left: 16%;
    top: 15%;
}

.lisence-2 {
    right: 16%;
    top: 15%;
}

.bottom-img {
    bottom: -5%;
}
.navbar{
    position: absolute;
}
@media(max-width: 991px) {
    .navbar {
        background-color: rgba(0, 0, 0, 0.9) !important;
        position: static;
    }

    .navbar-collapse {
        padding: 1rem;
        margin-top: 0.5rem;
        border-radius: 5px;
    }

}