/* style.css */
html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
    padding: 20px; /* Adjust padding as needed */
}

footer {
    width: 100%;
}

.navbar-brand img {
    height: 40px; /* Adjust this size as needed */
    width: 40px; /* Ensure width is the same as height for a perfect circle */
    border-radius: 50%;
    object-fit: cover; /* Ensures the image fits well within the circular container */
}

.projects-section {
        padding: 50px 0;
        background-color: #f9f9f9;
    }

    /* Heading styling */
    h2 {
        font-size: 2rem;
        font-weight: 500;
        color: #333;
        margin-bottom: 40px;
    }

    /* Card styling */
    .project-card {
        border: none;
        border-radius: 12px;
        background-color: white;
        transition: transform 0.3s ease-in-out;
    }

    .project-card:hover {
        transform: translateY(-5px);
    }

    /* Card title */
    .card-title {
        font-size: 1.25rem;
        font-weight: 500;
        color: #2c3e50;
        margin-bottom: 10px;
    }

    /* Card text */
    .card-text {
        font-size: 0.9rem;
        color: #7f8c8d;
    }

    /* Button styling */
    .btn-outline-primary {
        border-radius: 50px;
        font-size: 0.9rem;
        padding: 10px 20px;
        border-color: #3498db;
        color: #3498db;
        transition: all 0.2s ease;
    }

    .btn-outline-primary:hover {
        background-color: #3498db;
        color: white;
    }