body {
    font-family: Arial, sans-serif;
    background-color: #1c1c1c;
    color: #e1e1e1;
    margin: 0;
    padding: 20px;
}

.navbar {
    background-color: #2a2a2a;
    border-bottom: 1px solid #444;
}

.navbar-brand, .nav-link {
    color: #ffffff !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2888, 88, 88, 0.5%29' stroke-width='2' linecap='round' linejoin='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.jumbotron {
    background-color: #2a2a2a;
    color: #e1e1e1;
    padding: 2rem 1rem;
}

.jumbotron .btn-primary {
    background-color: #00c853;
    border: none;
}

section {
    background-color: #2a2a2a;
    padding: 40px;
    border-radius: 8px;
    margin-bottom: 20px;
}

h2 {
    color: #ffffff;
}

p {
    color: #b3b3b3;
}

.btn-primary {
    background-color: #00c853;
    border: none;
    color: #ffffff;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #00e676;
}

.footer {
    background-color: #2a2a2a;
    padding: 20px 0;
    color: #ffffff;
    text-align: center;
}

.list-unstyled {
    padding: 0;
    list-style: none;
}

.list-unstyled li {
    padding: 5px 0;
    color: #b3b3b3;
}

.list-unstyled li::before {
    content: "✔";
    color: #00c853;
    margin-right: 8px;
}

.container h3 {
    color: #ffffff;
}

.container p {
    color: #b3b3b3;
}

.container .lead {
    color: #e1e1e1;
}