@import "https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Meow+Script&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cookie&display=swap";
@import "https://fonts.googleapis.com/css2?family=Limelight&display=swap";
@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.aboutPage{grid-template:"sectionone sectiontree""sectiontwo sectiontree""sectionfour sectiontree""sectionfive sectiontree""sectionsix sectiontree"/1fr 1fr;margin:100px 0 0;display:grid}@media (min-width:300px) and (max-width:830px){.aboutPage{flex-direction:column;display:flex}}.aboutPage__section{color:#f5f5f5;flex:1;height:auto}.aboutPage__section.sectionOne{color:#f5f5f5;background-color:#34353a;grid-area:sectionone}.aboutPage__section.sectiontwo{grid-area:sectiontwo}.aboutPage__section.sectionfour{grid-area:sectionfour}.aboutPage__section.sectionfive{grid-area:sectionfive}.aboutPage__section.sectionsix{grid-area:sectionsix}.aboutPage__section.sectiontree{background-color:#c1bfbfbd;grid-area:sectiontree;align-self:start;animation:1s ease-out forwards fadeUp;position:sticky;top:100px}@media (min-width:768px) and (max-width:1000px){.aboutPage__section.sectiontree{margin:0;padding:0}}@media (min-width:300px) and (max-width:830px){.aboutPage__section.sectiontree{display:none}}.aboutPage__section.sectionTwo{background-color:#f99dc2;align-items:center;display:flex}.aboutPage__sectiontwocontainer{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:26px;width:50%;height:40%;margin:100px auto;padding:50px 0 0;display:flex;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}@media (min-width:768px) and (max-width:1000px){.aboutPage__sectiontwocontainer{margin:20px auto;padding:20px}}.aboutPage__sectioncontainer{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:200px 50px;display:flex}.aboutPage__sectioncontainer p{opacity:0;transition:all .8s ease-out;transform:translate(-80px)}.aboutPage__sectioncontainer p.show{opacity:1;transform:translate(0)}.aboutPage__title{text-align:center;margin:0 0 40px;font-family:Limelight,sans-serif;font-size:2.4rem}.aboutPage__buttons{margin:20px}.aboutPage__resumebutton{color:#f10563;background-color:#f3b2cc;border:1px solid #f5f5f5;border-radius:7px;margin:0 20px 0 0;padding:8px 29px;font-size:1.2rem;font-weight:700;text-decoration:none}.aboutPage__resumebutton:hover{color:#f5f5f5}.aboutPage__projectbutton{color:#f5f5f5;background-color:#f10563;border-radius:7px;padding:8px 29px;font-size:1.2rem;font-weight:700;text-decoration:none}.aboutPage__projectbutton:hover{color:#000}.aboutPage__image{aspect-ratio:1;background-color:#f8eff2;background-image:url(/profilImage/profile-image.png);background-repeat:no-repeat;background-size:cover;border:1px solid #e1cfcf;border-radius:300px;width:100%;max-width:300px;height:auto}@media (min-width:768px) and (max-width:1000px){.aboutPage__image{display:none}}.aboutPage__subtitle{color:#f10563;padding:5px;font-family:Limelight,sans-serif;text-decoration:underline}.aboutPage__socialmediaabout{background-color:#f5f5f5;justify-content:center;width:100%;margin-top:auto;padding:16px;display:flex}.aboutPage__section.sectiontree,.aboutPage__section.sectionsix .aboutPage__section.sectionfive{opacity:0;animation:.9s ease-out forwards fadeInRight;animation-timeline:view();animation-range:entry 30% cover 40%;transform:translate(60px)}