body {
    scroll-behavior: smooth;
    background-color: #0F2B33;
    color: #F8E4BC;
}
section {
    padding: 80px 20px;
}
.navbar, .navbar .nav-link, .navbar-brand {
    background-color: #0F2B33 !important;
    color: #F8E4BC !important;
}
.navbar .nav-link:hover {
    color: #FF5C00 !important;
}
.navbar-collapse {
    justify-content: center;
}
.btn-primary {
    background-color: #FF5C00;
    border-color: #FF5C00;
}
.bg-primary {
    background-color: #0F2B33 !important;
}
.highlight {
    background-color: #FF5C00;
    color: #0F2B33;
    padding: 4px 8px;
    border-radius: 4px;
}
.bg-gray {
    background-color: #f1f1f1 !important;
    color: #0F2B33;
}
#hero {
    background-color: #0F2B33;
    color: #F8E4BC;
}
#hero h1 {
    font-weight: 700;
}
#hero .lead {
    font-weight: 400;
}

.text-orange {
    color: #FF5C00 !important;
}

.transition-width {
    transition: width 0.5s ease-in-out;
}