#aboutPage{display:flex;flex-direction:column;justify-content:center;& #about-description{display:flex;flex-direction:column;gap:1rem;padding:2rem;width:80%;& .about-description-text{font-size:1.5rem}& .about-name{align-self:center;font-size:2.2rem;letter-spacing:3px;color:var(--color-heading);font-family:Luxurious Script,cursive}}& #theses-links{display:flex;gap:2rem}& #about-skills{display:flex;flex-direction:column;gap:3rem;border-top:1px solid var(--color-auth-border);padding:2rem;& #about-skills-heading{display:flex;flex-direction:column;& .about-skills-title{font-size:2rem;color:var(--color-heading)}& .about-skills-subtitle{font-size:1.5rem;color:var(--color-text)}}& #skill-cards{display:flex;gap:5rem;color:var(--color-white);& .skill-card{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-auth-border);border-radius:8px;padding:2rem;height:-moz-fit-content;height:fit-content;& .skill-card-title{display:flex;align-items:flex-end;gap:.5rem;font-size:2rem;color:var(--color-heading);&>span{align-content:center;font-size:2.5rem}}& .skill-card-subtitle{font-size:1rem;color:var(--color-text)}& .skills-list{display:flex;flex-direction:column;gap:1rem;& li{margin-left:1rem}.skills-list-tools{list-style-type:none;& li{color:var(--color-text);margin-left:0}}}}}}}@media (max-width:900px){#aboutPage{& #about-description{width:90%}& #about-skills{& #skill-cards{flex-direction:column;gap:3rem}}}}@media (max-width:500px){#aboutPage{& #about-description{width:100%}& #theses-links{flex-direction:column}& #about-skills{padding:.5rem;& #about-skills-heading{& .about-skills-title{font-size:1.7rem;padding-top:1rem}& .about-skills-subtitle{font-size:1.2rem}}& #skill-cards{& .skill-card{padding:1rem;& .skill-card-title{font-size:1.5rem;&>span{font-size:2rem}}}}}}}