style.css

        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
        }
        .bg-image {
            background-image: url('https://idearocketanimation.com/app/uploads/2019/01/laptop-in-darkness.jpg');
            height: 85vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }




        .hero-text {
            color: #ffffff;
        }
        .btn-outline-light {
            border-color: #ffffff;
            color: #ffffff;
        }
        .btn-outline-light:hover {
            background-color: #ffffff;
            color: #3498db;
        }
        .card {
            border-radius: 10px;
            transition: transform 0.3s ease-in-out;
        }
        .card:hover {
            transform: translateY(-5px);
        }
        .footer {
            background-color: #2c3e50;
            color: #ffffff;
            text-align: center;
        }
        .profile-pic {
            max-width: 300px;
            max-height: 300px;
            border-radius: 50%;
            margin-left: 85px;
        }
        .profile-pic1 {
            max-width: 220px;
            max-height: 220px;
            border-radius: 50%;
        }

        .description {
            font-size: 1.2rem;
        }
        .img1{
            height: 55px;
            width: 55px;
            border-radius: 50px;
        }
        .social-icons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 20px;
    }

    .social-icon {
        color: #fff;
        font-size: 28px;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    .social-icon:hover {
        transform: translateY(-3px);
        box-shadow: 0px 4px 10px rgba(226, 251, 85, 0.3);
        color: #81e7fc;
        text-decoration: none;
    }