@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Barrio&family=Luckiest+Guy&family=New+Amsterdam&display=swap');
.bg-hotpink {
    height: 100vh;
    --bs-bg-opacity: 1;
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), 
    url(../assets/canva.jpg) !important;
    background-size: cover !important;
    back-ground position: center center !important;
}

.display-5 {
  font-size: 100px !important;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: #91CA6E !important; 
} 

.bg-locations {
    height: 100vh;
    --bs-bg-opacity: 1;
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), 
    url(../assets/circle.jpg) !important;
    background-size: cover !important;
    back-ground position: center center !important;
}

.bg-meet {
    height: 100vh;
    --bs-bg-opacity: 1;
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), 
    url(../assets/tv.jpg) !important;
    background-size: cover !important;
    back-ground position: center center !important;
}

.bg-outfit {
    height: 100vh;
    --bs-bg-opacity: 1;
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), 
    url(../assets/jeanrack.jpg) !important;
    background-size: cover !important;
    back-ground position: center center !important;
}

h1  {
  font-family: new amsterdam ;
  font-size: 100px !important;
}

.barrio-regular {
  font-family: "barrio", system-ui;
  font-weight: 400;
  font-style: normal;
} 

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
    font-family: times new roman;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-family: times new roman !important ;
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.overlay {
  background:rgba(0,0,0,.5);
  padding:10px;
  border-radius:10px;
}