.aboutMe{display:flex;flex-direction:column;gap:8px}.aboutMe h1,.aboutMe p{margin:0;color:var(--body-font-highlight)}.aboutMe h1{font-size:26px;font-weight:700}.aboutMe p{max-width:400px;font-size:16px;font-weight:400}.aboutMe .socialButtons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.aboutMe .socialButtons button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;background-color:var(--body-bg-shadow)}.aboutMe .socialButtons button svg{width:14px;height:14px;fill:var(--body-font-highlight)}.aboutMe .socialButtons button p{font-size:14px;font-weight:600;color:var(--body-font-highlight)}.aboutMe .socialButtons button:hover{background-color:var(--body-font-highlight)}.aboutMe .socialButtons button:hover svg{fill:var(--body-font-alternative)}.aboutMe .socialButtons button:hover p{color:var(--body-font-alternative)}@media screen and (max-device-width:480px),screen and (max-width:480px){.aboutMe h1{font-size:24px}.aboutMe .socialButtons{flex-grow:1;justify-content:center}.aboutMe .socialButtons a{flex:1 1}.aboutMe .socialButtons button{min-width:unset;width:100%}.aboutMe .socialButtons button svg{width:20px;height:20px}.aboutMe .socialButtons button p{display:none}}