LinkedIn Web-Design

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My LinkedIn Profile</title>
</head>
<body style="background-image: url('https://t4.ftcdn.net/jpg/06/91/05/19/360_F_691051962_GFhQPOAXABmf7l706q89b2PFh6FnB1kI.jpg'); background-repeat: no-repeat; background-size: cover;"
style="font-family: Arial, sans-serif; margin: 20px; background-color: #f4f4f4; color: #333;">
<section style="display: flex; justify-content: center; align-items: center; height: 100vh;">  

    <div style="background-color: #fff; padding: 50px; border-radius: 40px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); text-align: center; height:fit-content; width: fit-content;">
        <h1 style="color: #0077b5; font-family: cursive; font: size 80px;">Pushkar Sharma</h1>
        <h2 style="font-weight: normal;">Software Developer</h2>
        <img src="image.jpeg" height="200px" width="200px" style="border-radius: 50%; border: 5px soild #ddd;"/>
        
        <hr style="border: 1px solid #e1e1e1; margin: 20px 0;">
        <h3 style="color: #0077b5;">Education</h3>
        <p style="margin: 5px 0;">Persuing B-Tech in CS & AI </p>
        <p style="margin: 5px 0;">Newton School of Technology, 2020</p>

        <h3 style="color: #0077b5;">Hobbies</h3>
        <ul style="margin: 5px 0; padding-left: 20px;">
            <li>I am a cricket & coding enthusiast. </li>
            <li>I have great affection of reading books. </li>
            <li>On my sunday's , you'll find me sleeping. </li>
        </ul>

        <h3 style="color: #0077b5;">Socials</h3>
        <p style="margin: 5px 0;">
            <a href="https://www.instagram.com/johncena/" style="text-decoration: none; color: #0077b5;">Instagram</a> |  
            <a href="https://twitter.com/johncena" style="text-decoration: none; color: #0077b5;">Twitter</a>
        </p>
    </div>
</section>

</body>
</html>