body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-image: url(backgruond_image.jpg);
    background-size: cover;
    background-position: center;
}

.navbar {
    background-color: #a6dd19;
}

.hero {
    color: white;
    padding: 60px 20px;
    text-align: center;
}

.profile-section {
    background-color: white;
    border-radius: 10px;
    padding: 30px;
    margin-top: -50px;
}

.profile-pic {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid green;
}

.box-section {
    padding: 40px 0;
}

.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)
}

footer {
    background-color: #a6dd16;
    padding: 15px;
    margin-top: 40px;
    text-align: center;
    color: black;
}

.navbar-collapse {
    display: none;
}

.navbar-collapse.show {
    display: block;
}