/* Start Naviagtion Bar Styling */
.carousel,
.carousel .carousel-inner,
.carousel .carousel-inner .active,
.carousel .carousel-inner .carousel-item,
.view,
body,
html {
    
    height: 100%
}

.navbar {
    background-color: rgba(24, 26, 24, 0.2);
    color: white;
}

.page-footer,
.top-nav-collapse {
    background-color: #000;
}

@media only screen and (max-width:768px) {
    .navbar {
        background-color: #000;
    }
}

html,
body,
header,
.carousel {
    height: 100%;
    scroll-behavior: smooth;
}


@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #1C2331 !important;
    }
}

#lg-menu {
    color: white;
}

.nav-item>a:hover {
    background-color: #ffbf00;
    border-radius: 10px;
    color: black ! important;
    font-weight: bolder;
}

.lg-active {
    background-color: #ffbf00;
    border-radius: 10px;
}

.fa-facebook-f {
    color: #3b5998;
}

.fa-twitter {
    color: #00acee;
}

.fa-github {
    color: white;
}

.dropdown-menu {
    background-color: rgba(236, 197, 22, 0.5);
    color: black !important;
    font-weight: bolder !important;
}

.dropdown-item a:hover {
    background-color: rgb(216, 169, 14);
    color: rgb(206, 201, 190) !important;
    font-weight: bolder !important;
}

.dropdown-menu a:hover {
    background-color: #f1cf09e5;
    color: white !important;
    font-weight: bolder !important;
}

#lg-paradise {
    color: white;
}

/* End Navigation Bar Styling */
#development-p {
    display: none;
    color: white;
    font-size: 20px;
}

#design-p {
    display: none;
    color: white;
    font-size: 20px;
}

#product-management-p {
    display: none;
    color: white;
    font-size: 20px;
}
h4,
h1 {
    color: goldenrod;
}

body {
    background-color:black;
    overflow-x: hidden;
    font-family: 'Black Ops One', cursive;
    

    
}
.lg-gamez{
    background-color: black;
    opacity: 0.8;
    padding: 2%;
    width: 55%;
    margin-left: 80px;
}
body {
     background: url(precipace.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
 }
@media only screen and (max-width:768px) {
    body{
        background-color: #000;
        overflow-x: hidden;
    }
}
.btn{
    font-size:50px;
}
#design-img:hover {
    cursor: pointer;
}
#design:hover {
    cursor: pointer;
}
#design-p:hover {
    cursor: pointer;
}
#development-img:hover {
    cursor: pointer;
}
#development:hover {
    cursor: pointer;
}
#development-p:hover {
    cursor: pointer;
}
#product-management-img:hover {
    cursor: pointer;
}
#product-management:hover {
    cursor: pointer;
}
#product-management-p:hover {
    cursor: pointer;
}