.style2 {
    background-color: rgba(0, 0, 0, 0.5)
}
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}

.style5 {
    background-size: cover;
    background-attachment: fixed;
    color: #0d6efd;
    background-image: url("../assets/images/navbar_background.webp")
}

@media (min-width: 576px) {

.style5 {
        color: #0d6efd
    }
}

.style1 {
}

.style3 {
    background-color: rgba(0, 0, 0, 0.4)
}

.style4 {
    color: #0d6efd
}

.style6 {
    color: #0d6efd
}

.style7 {
    color: #159be8
}

.wappler-temp {}

.style8 {
    background-color: rgba(0, 0, 0, 0)
}

.style9 {
    background-color: rgba(0, 0, 0, 0.86)
}