.main{margin-inline:auto}.main .aboutContainer{flex-direction:column;width:100%;max-width:1146px;min-height:400px;padding-inline:20px;display:flex}@media (min-width:900px){.main .aboutContainer{justify-content:space-between;padding-inline:0;flex-direction:row!important}}.main .aboutContainer .leftDiv{width:100%;margin-bottom:40px}@media (min-width:900px){.main .aboutContainer .leftDiv{width:32.2862%;margin-bottom:0}}.main .aboutContainer .leftDiv .personalDiv{position:relative}@media (min-width:900px){.main .aboutContainer .leftDiv .personalDiv{position:sticky;top:100px}}.main .aboutContainer .leftDiv .personalDiv .container{text-align:center;background:#1a1a1a;border-radius:20px;flex-direction:column;align-items:center;height:auto;padding:24px 24px 34px;display:flex}.main .aboutContainer .leftDiv .personalDiv .container .imageDiv{aspect-ratio:1;border-radius:30px;width:100%;max-width:323px;height:auto;margin-bottom:24px;overflow:hidden}.main .aboutContainer .leftDiv .personalDiv .container .imageDiv .profileImage{object-fit:cover;object-position:top;width:100%;height:100%}.main .aboutContainer .leftDiv .personalDiv .container .name{color:#fff;margin-bottom:8px;font-size:24px;font-weight:600}.main .aboutContainer .leftDiv .personalDiv .container .email{color:#bcbcbc;margin-bottom:24px}.main .aboutContainer .leftDiv .personalDiv .container .socialLinks{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.main .aboutContainer .leftDiv .personalDiv .container .socialLinks .icons{color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative}.main .aboutContainer .leftDiv .personalDiv .container .socialLinks .icons:hover{color:#0f0f0f;background:#fff}.main .aboutContainer .leftDiv .personalDiv .container .contactMe{color:#fff;cursor:pointer;background:#323232;border-radius:12px;width:100%;padding:14px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.main .aboutContainer .leftDiv .personalDiv .container .contactMe:hover{color:#323232;background:#fff}.main .aboutContainer .rightDiv{flex-direction:column;gap:60px;width:100%;display:flex}@media (min-width:900px){.main .aboutContainer .rightDiv{gap:85px;width:60.4538%}}.main .aboutContainer .rightDiv .aboutMe{flex-direction:column;gap:20px;display:flex}.main .aboutContainer .rightDiv .aboutMe h2{color:#fff;margin-bottom:10px}.main .aboutContainer .rightDiv .exp,.main .aboutContainer .rightDiv .skills{flex-direction:column;gap:22px;display:flex}.main .aboutContainer .rightDiv .exp h2,.main .aboutContainer .rightDiv .skills h2{color:#fff;margin-bottom:10px}.main .aboutContainer .rightDiv .exp .content,.main .aboutContainer .rightDiv .skills .content{flex-direction:column;gap:30px;display:flex}.main .aboutContainer .rightDiv .exp .content .group,.main .aboutContainer .rightDiv .skills .content .group{flex-direction:column;gap:6px;display:flex}