.exp-chart {
  width: 250px;          /* desktop size */
  height: 250px;
  position: absolute;
  right: 20px;
  top: 40px;
}

/* Mobile: full width, static position */
@media (max-width: 900px) {
  .exp-chart {
    position: static;
    width: 90%;
    height: 300px;        /* maintain aspect ratio */
    margin: 20px auto;
  }
  #matlabCanvas {
    display: none;
  }
}

.lang-chart {
  width: 250px;          /* desktop size */
  height: 250px;

}

/* Mobile: full width, static position */
@media (max-width: 900px) {
  .lang-chart {
    position: static;
    width: 90%;
    height: 500px;        /* maintain aspect ratio */
    margin: 20px auto;
  }
}

.skill-chart {
  width: 270px;          /* desktop size */
  height: 270px;
  margin-top: 10px;
}

/* Mobile: full width, static position */
@media (max-width: 900px) {
  .skill-chart {
    position: static;
    width: 90%;
    height: 270px;        /* maintain aspect ratio */
    margin: 20px auto;
  }
}



.profTitle-flex {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  border: 1px solid black;
  border-radius: 10px;
  padding:10px;
  max-width: fit-content;
  background-color: white;
}

.profTitle-chart {
  width: 40%;
}

.profTitle-text {
  width: 60%;
}