.aboutpage{align-items:center;width:100%;display:flex;justify-content:center;margin:0 auto;flex-direction:column}.main_null{display:none}.mainframe_1st{display:flex;max-width:1187px;width:100%;margin-top:65px}.about_1st{width:70%;padding:2.5% 5%;border-radius:30px;transform:scale(1);transform-origin:center}body .about_1st{background-color:var(--main);box-shadow:var(--shadow)}.light .about_1st{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .about_1st{background-color:#161616;box-shadow:0 0 50px rgba(0,0,0,.329)}.about_1st:hover{animation:aboutanime .5s ease-in-out forwards}body .about_1st:hover .about a{transform:scale(1.01);transform-origin:center;box-shadow:var(--shadow)}.light .about_1st:hover .about a{transform:scale(1.01);transform-origin:center;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .about_1st:hover .about a{transform:scale(1.01);transform-origin:center;box-shadow:0 0 50px rgba(0,0,0,.329)}@keyframes aboutanime{0%{transform:rotate(3deg) scale(1.01)}25%{transform:rotate(0deg) scale(1.01)}50%{transform:rotate(-3deg) scale(1)}to{transform:rotate(0deg) scale(1)}}.title_about1st{display:flex;width:100%;justify-content:space-between}.title_about1st h2{font-weight:800;font-size:20px}.title_about1st a{font-size:17px;font-weight:500;color:#979797}.about1st_text{margin-top:29px}.about1st_text p{width:60%}.abouts_1st a{margin-top:25px;font-size:.85em;display:flex;align-items:center;justify-content:center;width:181px;height:42px;border-radius:10px;transform-origin:center;transform:scale(1);transition:.5s}body .abouts_1st a{background-color:var(--pdf);color:var(--black)}.light .abouts_1st a{background-color:#f5f5f5;color:#000}.dark .abouts_1st a{background-color:#1f1f1f;color:#fff}.pic_1st{background-clip:border-box;width:28%;margin-left:2%;border-radius:30px;align-items:center;cursor:pointer;transform:scale(1);transform-origin:center}body .pic_1st{box-shadow:var(--shadow)}.light .pic_1st{box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .pic_1st{box-shadow:0 0 50px rgba(0,0,0,.329)}.pic_1st:hover{z-index:2;transform:scale(1.3)}.pic_1st img{border-radius:30px}.slider{position:relative}.control,.slider{align-items:center;display:flex}.control{width:40px;height:40px;border-radius:50%;position:absolute;z-index:10;right:4%;bottom:45%;justify-content:center}body .control{background-color:var(--main);box-shadow:var(--shadow)}.light .control{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .control{background-color:#161616;box-shadow:0 0 50px rgba(0,0,0,.329)}.control2{width:40px;height:40px;border-radius:50%;position:absolute;z-index:10;left:4%;bottom:45%;display:flex;align-items:center;justify-content:center}body .control2{background-color:var(--main);box-shadow:var(--shadow)}.light .control2{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .control2{background-color:#161616;box-shadow:0 0 50px rgba(0,0,0,.329)}.mainframe_2nd{display:flex;margin-top:1.5%;width:100%;max-width:1187px}.graph_2nd{width:50%;padding:6% 5%;border-radius:30px}body .graph_2nd{background-color:var(--main);box-shadow:var(--shadow)}.light .graph_2nd{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .graph_2nd{background-color:#161616;box-shadow:0 0 50px rgba(0,0,0,.329)}.graph_2nd:hover{animation:aboutanime .5s ease-in-out forwards}.graph_2nd_title{display:flex;align-items:center;width:100%}.graph_2nd_title h3{font-weight:1000;margin-right:10px;font-size:20px}.graph_2nd_title svg{width:20px;height:20px}.graph_2nd .graph{padding:10% 2%;background-color:#0a0a0a;border-radius:25px;margin-top:10%;background-clip:border-box;height:310px;width:100%}.mainGraph{width:100%;height:90%}.tools_2nd{margin-left:2%;width:48%}.tools_2nd .ListOfSkill{width:100%;padding:15% 10%;border-radius:30px}body .tools_2nd .ListOfSkill{background-color:var(--main);box-shadow:var(--shadow)}.light .tools_2nd .ListOfSkill{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .tools_2nd .ListOfSkill{background-color:#161616;box-shadow:0 0 50px rgba(0,0,0,.329)}.tools_2nd .ListOfSkill:hover{animation:aboutanime .5s ease-in-out forwards}.title_tools_2nd{display:flex;align-items:center}.title_tools_2nd h3{font-weight:1000;margin-right:10px;font-size:20px}.inside_skills{display:flex;align-items:center;width:50%}.inside_skills svg{width:24px;margin-left:2%}.skillsInside{display:flex;align-items:center;justify-content:space-between;padding-top:7%;padding-bottom:7%}body .skillsInside{border-bottom:1px solid var(--border)}.light .skillsInside{border-bottom:1px solid #e6e6e6}.dark .skillsInside{border-bottom:1px solid #3636369a}.skillsInside .tools_skills{display:flex;align-items:center;padding:2%;border-radius:20px}body .skillsInside .tools_skills{background-color:var(--subcolour)}.light .skillsInside .tools_skills{background-color:#ccd2e3}.dark .skillsInside .tools_skills{background-color:#2d313d}.skillsInside .tools_skills img{width:30px;height:30px}.skillsInside .tools_skills .key_skills{margin-left:5px;margin-right:5px}body .skillsvg{stroke:var(--forforeground);stroke-width:1px}.light .skillsvg{stroke:#171717;stroke-width:1px}.dark .skillsvg{stroke:#f5f5f5;stroke-width:1px}body .aboutNav{display:flex;width:100%;justify-content:space-between;align-items:center;padding-bottom:5%;border-bottom:1px solid var(--border);margin-bottom:8%;margin-top:10px}.light .aboutNav{border-bottom:1px solid #e6e6e6}.dark .aboutNav{border-bottom:1px solid #3636369a}.aboutNav .aboutTitle{font-size:20px;font-weight:800}.seemore{display:flex}.profilePic{width:55%;margin-right:5%;font-weight:800;font-size:13px}body .profilePic img{box-shadow:var(--shadow);margin-bottom:10%}.light .profilePic img{box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .profilePic img{box-shadow:0 0 50px rgba(0,0,0,.178)}.stTitleAbt{font-weight:800}.socialmediaAbt{margin-top:5%}.titleSMAbt{font-weight:700;font-size:19px;margin-bottom:5%}.theLogeAbt{display:flex}.theLogeAbt svg{margin-right:15px}.educationAbt{margin-top:5%}.educationAbt .eduAdtTitle{font-size:19px;font-weight:700;margin-bottom:3%}.educationAbt .insideEduAbt{display:flex;align-items:center;font-size:18px;font-weight:500}.educationAbt .eduAbtCos{font-weight:700}.educationAbt .insideEduAbt svg{margin-right:12px}.detailsAbout{width:60%;max-width:1187px;height:70vh;position:fixed;border-radius:30px;z-index:5;top:15%;left:20%;transform-origin:center;transform:scale(1);scroll-behavior:smooth;overflow-y:scroll;padding:3% 5% 5%}.detailsAbout .cancelDetails{width:30px;height:10px;display:flex;flex-direction:column;justify-content:space-between;position:relative;cursor:pointer}body .detailsAbout .cancelDetails div{background-color:var(--foreground);width:100%;height:2px;border-radius:50px;position:absolute}.detailsAbout .cancelDetails:hover div{position:relative}.light .detailsAbout .cancelDetails div{background-color:#0a0a0a}.dark .detailsAbout .cancelDetails div{background-color:#fff}.detailsAbout .cancelDetails div:first-child{transform:rotate(45deg);transform-origin:center}.detailsAbout .cancelDetails div:nth-child(2){transform:rotate(-45deg);transform-origin:center}.detailsAbout .cancelDetails:hover div:first-child,.detailsAbout .cancelDetails:hover div:nth-child(2){transform:rotate(0deg)}body .detailsAbout{background-color:var(--background);box-shadow:var(--shadow)}.dark .detailsAbout{background-color:#222;box-shadow:0 0 50px rgba(0,0,0,.329)}.light .detailsAbout{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.removeDetailsAbout{transform:scale(0)}.googleMaps{display:flex;align-items:center;justify-content:space-between;margin-top:25px;width:100%;max-width:1187px;padding:25px;border-radius:30px;transform-origin:center;transition:.5s ease-in-out}body .googleMaps{background-color:var(--subcolour);box-shadow:var(--shadow)}.light .googleMaps{background-color:#ccd2e3;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .googleMaps{background-color:#2d313d;box-shadow:0 0 50px rgba(0,0,0,.329)}.googleMaps:hover{transform:scale(0);animation:strake 1s ease-in-out forwards}.loadingdiv{position:fixed;top:1%;right:0;display:flex;align-self:center;background-color:var(--subcolour);height:10px;width:100%;border-radius:50px}@keyframes strake{0%{transform:rotate(2deg) scale(1.1);background-color:var(--subhover);color:var(--subhover)}25%{transform:rotate(0) scale(1.1);background-color:var(--subhover);color:var(--subhover)}50%{transform:rotate(-2deg) scale(1.1)}to{transform:rotate(0deg) scale(1)}}.googleMaps:hover .details h2,.googleMaps:hover svg{animation:strakes 1s ease-in-out forwards}@keyframes strakes{0%{fill:var(--background);color:var(--background)}25%{fill:var(--background);color:var(--background)}50%{fill:var(--subhover);color:var(--subhover)}to{fill:var(--subhover);color:var(--subhover)}}.googleMaps .mapsMap .mainMap iframe{border-radius:15px;width:600px;height:300px}.googleMaps .details{margin-right:10%}.googleMaps .details h2 a{font-weight:900;font-size:22px}@media (max-width:1187px){.detailsAbout{width:100%;max-width:700px;align-self:center;left:auto}.mainframe_2nd{display:block;width:100%;margin:auto;max-width:700px}.tools_2nd{width:100%;margin-left:0}.mainframe_1st{display:block;align-items:center;max-width:700px;margin:50px auto auto}.about_1st{width:100%;margin-bottom:25px;padding:50px}.pic_1st{display:none}.graph_2nd{width:100%;height:50vh;margin-bottom:25px}.googleMaps{max-width:700px;display:block;padding:30px}.googleMaps .mapsMap .mainMap iframe{width:100%}.googleMaps .details{margin-right:0;margin-bottom:3.5%;margin-top:5%}}@media (max-width:700px){.about_1st,.graph_2nd{border-radius:15px}.graph_2nd .graph,.mainGraph{border-radius:7.5px}.tools_2nd .ListOfSkill{border-radius:15px}.mainframe_1st{display:block;align-items:center;max-width:400px;margin:50px 2% auto}.about1st_text p{width:100%}.mainframe_2nd{max-width:400px}.skillsInside{display:block}.skillsInside .tools_skills{padding:20px}.inside_skills{width:100%;margin-bottom:5%}.graph_2nd_title{margin-top:5%}.googleMaps{max-width:400px;border-radius:15px}.googleMaps .mapsMap .mainMap iframe{border-radius:7.5px}.detailsAbout{border-radius:15px;height:100vh;top:0}.seemore{display:flex;flex-direction:column}.profilePic{margin-bottom:10%}body .aboutNav{margin-top:10%}}@media (max-width:400px){.about_1st{width:90%}.mainframe_1st{display:flex;align-items:center;justify-content:center;width:100%}.graph_2nd{width:90%;padding-bottom:5%}.mainGraph{height:80%;margin-bottom:5%}.mainframe_2nd,.tools_2nd{display:flex;flex-direction:column;align-items:center}.googleMaps,.tools_2nd .ListOfSkill{width:90%}}