@charset "utf-8";
body {
    background-color: hsla(180,100%,2%,1.00);
    color: hsla(0,0%,100%,1.00);
}
    nav {
    position: fixed;
    top: 0;
    width: 100%;
    }
footer {
    background-color: hsla(0,0%,3%,1.00);
    margin-top: 24px;
    padding-top: 22px;
    padding-bottom: 24px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
    clear: both;
}
.navbar.navbar-expand-lg.navbar-dark.bg-dark {
    background-color: hsla(0,0%,0%,1.00);
    left: 0px;
}
.text-center-big-italic {
    font-size: x-large;
    font-style: italic;
    text-align: center;
    margin-top: 32px;
}
.carousel-inner .carousel-item.active .carousel-caption.d-none.d-md-block {
    text-shadow: 3px 3px 2px hsla(0,0%,0%,1.00);
    font-weight: bolder;
    font-size: x-large;
}
.navbar-brand {
    margin-left: 24px;
}
/* Custom styles for the lazy-load animation effect */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}
/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}
.hero-gradient {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6));
}