.about-page {
    margin-top: 100px;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 200px;
  }
  
  @media screen and (max-width: 1200px) {
    .about-page {
      margin-bottom: 0px;
      margin-top: 200px;
    }
  }
  
  .about-container {
    width: 1200px;
    display: flex;
    flex-direction: row;
    margin-bottom: 100px;
  }
  
  .about-head {
    font-weight: 700;
    font-size: 24px;
    padding: 16px;
    padding-left: 0px;
  }
  
  .about-hi {
    font-weight: 500;
    font-size: 20px;
    color: white;
    margin-bottom: 8px;
  }
  
  .about-intro {
    color: #a7a7a7;
    margin-bottom: 40px;
  }
  
  .about-details {
    display: flex;
    gap: 1em;
  }
  
  .q-items {
    padding-bottom: 4px;
    font-weight: 500;
  }
  
  .a-items {
    padding-bottom: 4px;
    font-weight: 400;
  
    color: #a7a7a7;
  }
  
  .tangled {
    margin-top: -100px;
  }
  
  .education {
    display: flex;
    flex-direction: row;
    gap: 2em;
  }
  
  .ed-head {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    padding: 16px;
    padding-bottom: 0;
  }
  
  .ed-name {
    font-weight: 600;
    color: white;
  }
  
  .ed-address {
    color: #a7a7a7;
  }
  
  .ed-date {
    color: #a7a7a7;
    font-weight: 400;
  }
  
  .ed-achievments {
    font-weight: 500;
    color: #a7a7a7;
  }
  
  @media screen and (max-width: 1200px) {
    .education {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 40px;
      margin-bottom: 40px;
    }
  
    .education div {
      text-align: center;
    }
  }
  
  @media screen and (max-width: 1200px) {
    .about-container {
      width: 80%;
      flex-direction: column;
      align-items: center;
    }
  
    .about-image {
      align-self: flex-end;
    }
  
    .tangled {
      width: 200px;
      height: 400px;
      object-fit: cover;
      padding: 16px;
      margin-top: -140px;
      margin-bottom: -140px;
      align-self: flex-end;
    }
  }