body {
    margin-top: 10%;
}

.profile-header-div {
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: fit-content;
    margin: 0 auto;

}

#profile-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}

#name {
  margin: 10px 0 2px 0;  /* small space above, almost none below */
}

#subtext {
  margin: 0;             /* remove extra spacing */
  font-style: italic;    /* makes it look like a title/subheading */
  color: #555;           /* optional: softer color */
  font-size: 0.95em;     /* slightly smaller text */
}

#intro {
  max-width: 700px;   /* limits how wide it can get */
  margin: 20px auto;  /* centers it horizontally */
  padding: 0 20px;    /* adds a little space on the sides for smaller screens */
  line-height: 1.6;   /* improves readability */
  text-align: center; /* optional */
}

.socials {
    /* border: 2px solid red; */
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 10px;
}

.socials img {
    height:50px;
    width:50px;
    transition: transform 0.2s ease;
}

.socials img:hover {
    transform: scale(1.2);
}