Lets Drink Boba
at Allana Boba Drink
Our Menu
/* Jumbotron */
.jumbotron {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5MzVKwysFhGa7pFLQnefHys03Up__eD-0oE57Pgd-_jsTQILgU1yfIJ4uHg6K51HU4g9S3MeXXi05vZV10f6QC4msKbpXTiMhHzuVTm70E-krF4DjaVbHgJKEsdYQdC-J4W4XX5FTtOU/s16000/Allana+Boba+Drink+%25281%2529.png );
background-size: cover;
height:540px;
text-align:center;
position: relative;
}
.jumbotron .container {
position:relative;
z-index:1;
}
.jumbotron::after{
content: '';
display:block;
width:100%;
height:80%;
background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
position: absolute;
bottom:0;
}
.jumbotron .display-4 {
color:white;
margin-top:150px;
font-weight:200;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
font-size:40px;
margin-bottom:30px;
}
.jumbotron .display-4 span {
font-weight:500;
}
/* Destop Version */
@media (min-width:992px) {
.navbar-brand, .nav-link{
color: white !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7)
}
.nav-link {
text-transform:uppercase;
margin-right:30px;
}
.nav-link:hover::after {
Content: '';
display:block;
border-bottom: 3px solid #0B63DC;
width:50%;
margin:auto;
padding-bottom: 5px;
margin-bottom:-8px;
}
.jumbotron{
margin-top:-75px;
height:640px;
}
.jumbotron .display-4 {
font-size:62px;
}
}