body {
    font-family: Arial, sans-serif;
}

.slider img {
    max-height: 100px;
    display: block;
    margin: 0 auto;
}

.middle-section {
    margin: 50px 0;
}

.profile-pic {
    border-radius: 50%;
    max-width: 200px;
    margin-bottom: 20px;
}

.social-media img {
    width: 30px;
    margin: 0 10px;
}

/* styles.css */

/* Base styles */
header {
    text-align: left; /* Default alignment for desktop */
    padding: 20px; /* Optional: adds some spacing around the content */
}

.header-image {
    display: block;
    margin: 0 auto; /* Center image horizontally by default */
}

/* Adjust image and heading alignment for mobile screens */
@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    header {
        text-align: center; /* Center the heading text on mobile */
    }

    .header-image {
        margin: 0 auto; /* Center image horizontally on mobile */
    }
}

/* Optional: additional styling */
header h1 {
    margin-top: 10px; /* Adjust margin as needed */
}