html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Segoe UI', sans-serif;
}

/* NAVBAR */
.navbar {
    background: #0077b6;
}

    .navbar .nav-link,
    .navbar .dropdown-item {
        color: white !important;
    }

    .navbar .dropdown-menu {
        background: #0077b6;
    }

    .navbar .dropdown-item:hover {
        background: rgba(255,255,255,0.2);
    }

/* HERO */
.hero {
    background: linear-gradient(to right, #0077b6, #00b4d8);
    color: white;
    text-align: center;
    padding: 60px 20px;
}

.profile-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 4px solid white;
    object-fit: cover;
}

/* SECTIONS */
.section {
    padding: 60px 20px;
    scroll-margin-top: 80px;
}

h2 {
    border-left: 5px solid #0077b6;
    padding-left: 10px;
}

/* ACTIVE LINK */
.nav-link.active {
    font-weight: bold;
    text-decoration: underline;
}
.hero i {
    font-size: 1rem;
    opacity: 0.9;
}
.social-btn {
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 0.85rem;
}

    .social-btn i {
        margin-right: 4px;
    }

    .social-btn:hover {
        background: #ffffff;
        color: #0077b6 !important;
    }
.justify{
    text-align:justify;
}
h3 {
    border-left: 4px solid #00b4d8;
    padding-left: 8px;
    font-weight: 600;
}

/*.project-item {
    border-left: 3px solid #0077b6;
    padding-left: 12px;
}*/