/* ======== css for web main page ======== */

/* SPACE SIZE (px)
8px 16px 24px 32px 40px 48px 56px 64px 72px 80px 88px 96px 104px 112px 120px 128px */

/* FONT SIZE (px)
 12px 14px 16px 24px 32px 40px 48px 56px 64px 72px 80px 88px 96px 104px 112px 120px 128px  */

/* FONT WEIGHT 
400 500 600 700 */

/* LINE HEIGHT 
1 1.2 1.5 2   */

/* COLORS 
main color   #6461f6
shade main color  #504ec5
second color #fcf800
Gary color: #141331  #5c5c5c #f3f3f3
*/

.adjust-section {
  height: 6.4rem;
}

.about-section {
  padding: 6.4rem 0;
  background-color: #f3f3f3;
}

.about-container {
  padding: 0 3.2rem;
}

.about-content {
  display: grid;
  grid-template-columns: 3fr 1fr;

  column-gap: 3.2rem;
}

.about-text {
  color: #5c5c5c;
  line-height: 1.5;
}

.about-h1 {
  font-size: 4rem;

  margin-bottom: 2.4rem;
}

.about-paragraphy {
  font-size: 1.6rem;

  margin-bottom: 1.6rem;

  text-indent: 3.2rem;
}

.about-img {
  width: 100%;
  box-shadow: 0 2px 20px rgb(0, 0, 0, 0.1);
}

.about-img-title {
  font-size: 1.4rem;
  font-style: italic;

  color: #5c5c5c;
}