html {
    scroll-behavior: smooth;
}

.active {
    color: #3b82f6;
}

.nav-link:hover:not(.active) {
    color: #2563eb;
}

.navbar-transparent .nav-link,
.navbar-transparent .text-main {
    color: white;
    font-weight: bold !important;
}

.navbar-solid .nav-link,
.navbar-solid .text-main {
    color: #2d3748;
}

#navbar {
    width: 70% !important;
    margin-left: 15% !important;
    background: transparent;
    backdrop-filter: blur(10px);
    margin-top: 10px;
    border-radius: 50px;
    border-style: hidden;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #2563eb;
}

.flex {
    font-size: 20px !important;
}

.bg-blue-500 {
    border-radius: 30px !important;
    background-color: #2563eb !important;
}

.bg-blue-600 {
    border-radius: 30px !important;
}

.fixed.bottom-6 {
    margin-bottom: 50px !important;
    width: 62px !important;
    height: 62px !important;
    text-align: center;
}

.h-8 {
    height: 70px !important;
    width: 70px !important;

}