@font-face:{font-family: "Ubuntu"}
 body {font-family: "Ubuntu", Verdana, sans-serif}
    .bg-img { height: 100vh; width: 100vw; object-fit: cover; filter: brightness(0.7); position: absolute; top: 0; left: 0; z-index: -1;}
    .bg-img-fixed { height: 100vh; width: 100vw; object-fit: cover; filter: brightness(0.9); position: fixed; top: 0; left: 0; z-index: -1;}
    .bg-img-fixed-dim { height: 100vh; width: 100vw; object-fit: cover; filter: brightness(0.4); position: fixed; top: 0; left: 0; z-index: -1;}
    .bg-img-fixed-dark { height: 100vh; width: 100vw; object-fit: cover; filter: brightness(0.3); position: fixed; top: 0; left: 0; z-index: -1;}
    .bg-scrolled {filter: brightness(0.2);}
    .background-image { transition: all 1.5s;}
    .logo-img { width: 50vw; position: absolute; bottom: 5px; left: 10px; z-index: 1;}
    .navbar { transition: all 1.5s;}
    .navbar-scrolled { background-color: #0f1c28; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}