@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet');
body{
   font-family: 'Lobster', cursive;
}
.navbar-inverse{
    background-color: transparent;
    border-color: transparent;
}
.navbar-inverse .navbar-brand{
    color:#fff;
    text-shadow: 1px 1px #000;
}
.navbar-inverse .navbar-nav > li >a{
    color:#fff;
    text-shadow: 1px 1px #000;
}
header.carousel-inner .item{
    height: 100vh;
}
.carousel-inner img{
    width: 100%;
}
.carousel-caption{
    padding-bottom: 20px;
}
.carousel-caption h2{
    font-size: 38px;
    text-transform: uppercase;
    font-family: sans-serif;
}
.carousel-control.right{
    background-image: none;
}
.carousel-control.left{
    background-image: none;
}
.banner-btn{
    background: crimson;
    color:#fff;
    padding: 15px 35px;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
}

@media (max-width: 500px){
    .navbar-inverse{
        background-color: rgb(36, 252, 47);
    }
    .carousel-inner > .item> img{
        height: 100vh;
    }
    .carousel-caption{
        padding: 50px;
    }
    .carousel-caption h2{
        font-size: 38px;
    }
    .carousel-caption h3{
        font-size: 20px;
    }
    .banner-btn{
        padding:10px 25px;
    }
}