main {
    margin: 5vw; /* Responsive margin that scales with the viewport width */
    max-width: 1200px; /* Optional: Limit the maximum width for larger screens */
    margin-left: auto;
    margin-right: auto; /* Center the main content */
}

.profile {
    display: flex;
    flex-direction: row;
    height: 200px;
    padding: 1vh;
}

.profile > img {
    width: auto; /* Adjust to maintain aspect ratio */
    height: 100%; /* Fit parent container's height */
    border-radius: 50%; /* Turn square into circle */
    object-fit: cover; /* Ensure the image covers the circle properly */
}

.profile-text {
    padding-left: 2vw;
    display: flex;
    flex-direction: column;
}

.socials img {
    width: 40px; /* Adjust size as needed */
    height: 40px;
    margin: 0 10px; /* Spacing between icons */
}

.socials a {
    text-decoration: none;
}