body {
    background-color: #0d0d0d;
    color: #f5f5f5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.navbar {
    background-color: #111;
    border-bottom: 1px solid #222;
}
.navbar-brand {
    font-weight: bold;
    /* color: #00ffc3 !important; */
}

.navbar-brand:hover {
    color: #00ffea !important;
    text-shadow: 0 0 5px #00ffc3;
}

.navbar-nav .nav-link {
    color: #ddd;
}
.navbar-nav .nav-link:hover {
    color: #00ffc3;
}

.navbar-brand img {
    height: 40px;
    margin-right: 10px;
}

.hero {
    background: linear-gradient(to right, #000000, #1c1c1c);
    padding: 80px 20px;
    text-align: center;
}
.hero h1 {
    font-size: 3.5rem;
    font-weight: bold;
    color: #00ffc3;
}
.hero p {
    font-size: 1.25rem;
    color: #ccc;
}
.section-title {
    color: #00ffc3;
    margin-bottom: 40px;
    border-bottom: 2px solid #00ffc3;
    display: inline-block;
    padding-bottom: 8px;
}
.card {
    background-color: #1c1c1c;
    border: none;
    color: #fff;
    transition: transform 0.3s ease;
}
.card:hover {
    transform: scale(1.03);
}
.card-title {
    color: #00ffc3;
}
footer {
    background-color: #111;
    padding: 40px 0;
    text-align: center;
    color: #666;
    font-size: 0.9rem;
    border-top: 1px solid #222;
}
a {
    color: #00ffc3;
}

.btn-outline-light {
  border-color: #00ffc3;
  color: #00ffc3;
}
.btn-outline-light:hover {
  background-color: #00ffc3;
  color: #000;
}

.ea-email {
    color: #00ffc3;
}