.about__container{display:grid;grid-template-columns:35% 50%;gap:15%}.about__container .about__me{aspect-ratio:1/1;border-radius:2rem;background:linear-gradient(45deg,transparent,var(--color-primary),transparent);display:grid;place-items:center}.about__container .about__me .about__me-image{height:100%;border-radius:2rem;overflow:hidden;transform:rotate(10deg);transition:var(--transition);cursor:pointer}.about__container .about__me .about__me-image:hover{transform:translate(0)}.about__container .about__cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.about__container .about__cards .about__card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1rem;padding:2.5rem;text-align:center;transition:var(--transition)}.about__container .about__cards .about__card:hover{background:transparent;border-color:var(--color-primary-variant);cursor:pointer}.about__container .about__cards .about__card .about__icon{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem}.about__container .about__cards .about__card h5{font-size:.95rem}.about__container .about__cards .about__card small{font-size:.7rem;color:var(--color-light)}.about__container .about__content p{margin:2rem 0 2.6rem;text-align:justify;text-indent:25px;color:var(--color-light)}@media screen and (max-width: 1200px){.about__container{grid-template-columns:1fr;gap:0}.about__me{width:50%;margin:2rem auto 4rem}.about__content p{margin:1rem 0 1.5rem}}@media screen and (max-width: 600px){.about__me{width:65%;margin:0 auto 3rem}.about__cards{grid-template-columns:1fr 1fr!important;gap:1rem}.about__content,.about__content p{text-align:center!important;text-indent:0}.about__content p,.about__content p p{margin:1.5rem 0}}