.profile {
  width:300px;
  height:300px;
  border-radius:100%
}
.biograghy {
  display:flex;
  margin-inline-end: 4rem;
  /* flex-direction: column; */
}
.technical-skill {
  display:flex;
  margin-inline-end: 1.25rem;
  margin-left: 3rem;
  /* flex-direction: column; */
}

.myworklink{
  text-decoration:none;
  color:#FFFFE3;
  background:#4a75d2;
  padding:0.1rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  border-radius:1.25rem;
  
}
.bio-detail{
  margin-left: 4rem;

}
p{
  text-align: justify;
}
.index-page{
  padding-left: 5%;
  padding-right: 5%;
}
@media (max-width: 768px) {
  .biograghy {
  display:flex;
  flex-direction: column;
}
  .profile {
  width:120px;
  height:120px;
  border-radius:100%;
  margin-left:40%
}
.technical-skill {
  flex-direction: column;
}
.technical-skill2 {
  flex-direction: column;
}
}

@media (max-width: 480px) {
  .biograghy {
  display:flex;
  flex-direction: column;
}
  .profile {
  width:120px;
  height:120px;
  border-radius:100%;
  margin-left:40%
}
.technical-skill {
  flex-direction: column;
  margin-left: -3rem;
}
.social {
  margin-left: -15rem;
}
.socio {
  margin-left: -15rem;
}
.technical-skill2 {
  flex-direction: column;
}
.content {
  flex-direction: column;
}

}