:root{--site-bg:#0d0d1f;--navbar-bg:#0f0f31;--site-text:#fff;--site-links-hover:#67e8f9}.mainContainer{width:100%;height:100dvh;color:var(--site-text);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mainContainer .particleWrapper{z-index:0;pointer-events:none;position:absolute;inset:0}.mainContainer .parentContainer{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:60%;display:flex;position:relative}@media (max-width:768px){.mainContainer .parentContainer{width:75%}.mainContainer .parentContainer .profilePictureContainer{width:150px;height:150px}.mainContainer .parentContainer .taglineContainer{font-size:1.75rem}.mainContainer .parentContainer .introlineContainer{font-size:1rem}}.mainContainer .parentContainer .profilePictureContainer{border:1px solid var(--site-text);border-radius:50%;width:200px;height:200px;overflow:hidden}.mainContainer .parentContainer .profilePictureContainer img{object-fit:cover;width:100%;height:100%}.mainContainer .parentContainer .taglineContainer{text-align:center;font-size:2.5rem;font-weight:700;line-height:1.25}.mainContainer .parentContainer .taglineContainer span{color:var(--site-links-hover)}.mainContainer .parentContainer .introlineContainer{text-align:center;justify-content:center;align-items:center;gap:.5rem;width:100%;font-size:1.5rem;font-weight:500;line-height:1.5;display:flex}.mainContainer .parentContainer .introlineContainer span{color:var(--site-links-hover)}.mainContainer .parentContainer .workButton{border-radius:25px}@media (max-width:768px){.mainContainer .parentContainer{width:75%}.mainContainer .parentContainer .profilePictureContainer{width:150px;height:150px}.mainContainer .parentContainer .taglineContainer{font-size:1.75rem}.mainContainer .parentContainer .introlineContainer{font-size:1rem}}@media (max-width:480px){.mainContainer .parentContainer{width:90%}.mainContainer .parentContainer .taglineContainer{font-size:1.5rem}.mainContainer .parentContainer .introlineContainer{font-size:.9rem}}
:root{--form-bg:#0f0f31}.serviceMainContainer{justify-content:center;align-items:center;width:100%;padding:25px 20px;display:flex}.serviceMainContainer .parentContainer{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.serviceMainContainer .parentContainer .taglineContainer{text-align:center;width:60%;font-size:2rem;font-weight:700;line-height:1.25}@media (max-width:768px){.serviceMainContainer .parentContainer .taglineContainer{width:75%;font-size:1.5rem}}@media (max-width:480px){.serviceMainContainer .parentContainer .taglineContainer{width:90%;font-size:1.25rem}.serviceMainContainer .parentContainer .serviceContainer{gap:10px}}.serviceCardContainer{background-color:var(--form-bg);border-radius:10px;flex-flow:column wrap;justify-content:flex-start;gap:.5rem;width:100%;height:100%;padding:15px;display:flex}.serviceCardContainer .iconContainer{justify-content:center;align-items:center;width:56px;height:56px;display:flex}.serviceCardContainer .titleContainer{font-size:1.5rem;font-weight:700}.serviceCardContainer .descriptionContainer{font-size:1rem}@media (max-width:768px){.serviceCardContainer{padding:10px}.serviceCardContainer .titleContainer{font-size:1.25rem}.serviceCardContainer .descriptionContainer{font-size:.875rem}}@media (max-width:480px){.serviceCardContainer{padding:8px}.serviceCardContainer .titleContainer{font-size:1rem}.serviceCardContainer .descriptionContainer{font-size:.75rem}}
:root{--site-bg:#0d0d1f;--navbar-bg:#0f0f31;--site-text:#fff;--site-links-hover:#67e8f9;--card-background:#28287e;--faded-text:#ccc}.expMainContainer{width:100%;color:var(--site-text);flex-direction:column;align-items:center;padding:25px 20px;display:flex}.expMainContainer .expDetailsContainer{flex-direction:column;justify-content:center;width:100%;padding:20px 0;display:flex}.expMainContainer .expDetailsContainer .headerText{text-align:center;width:100%;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.expMainContainer .expDetailsContainer .cardParentContainer{justify-content:center;width:100%;display:flex}.expMainContainer .expDetailsContainer .cardParentContainer .cardContainer{flex-direction:column;gap:1rem;width:100%;max-height:100dvh;display:flex;overflow-y:auto}@media (min-width:1024px){.expMainContainer .expDetailsContainer .cardParentContainer .cardContainer{width:50%}}@media (max-width:768px){.expMainContainer{padding:20px 10px}.expMainContainer .expDetailsContainer .headerText{font-size:1.25rem}}@media (max-width:480px){.expMainContainer{padding:10px 15px}.expMainContainer .expDetailsContainer .headerText{font-size:1rem}}.experienceCard{background-color:var(--card-background);color:var(--site-text)}.experienceCard .cardHeader{justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.experienceCard .cardHeader .companyName{font-size:1.25rem;font-weight:700}.experienceCard .cardHeader .duration{color:var(--faded-text);font-size:1rem}@media (max-width:768px){.experienceCard .cardHeader{padding:10px}.experienceCard .cardHeader .companyName{font-size:1.1rem}.experienceCard .cardHeader .duration{font-size:.9rem}}@media (max-width:480px){.experienceCard .cardHeader{padding:8px}.experienceCard .cardHeader .companyName{font-size:1rem}.experienceCard .cardHeader .duration{font-size:.8rem}}.experienceCard .cardContent{padding:0 20px 10px}.experienceCard .cardContent .headerContainer{justify-content:space-between;display:flex}.experienceCard .cardContent .headerContainer .cardLabel{margin-bottom:5px;font-size:1.1rem;font-weight:600}.experienceCard .cardContent .headerContainer .roleText{margin-bottom:5px;font-size:1.25rem;font-weight:500}.experienceCard .cardContent .headerContainer .locationText{align-items:center;margin-bottom:5px;font-size:.9rem;font-weight:400}@media (max-width:768px){.experienceCard .cardContent .headerContainer .cardLabel{font-size:1rem}.experienceCard .cardContent .headerContainer .roleText{font-size:1.1rem}.experienceCard .cardContent .headerContainer .locationText{font-size:.8rem}}@media (max-width:480px){.experienceCard .cardContent .headerContainer .cardLabel{font-size:.9rem}.experienceCard .cardContent .headerContainer .roleText{font-size:1rem}.experienceCard .cardContent .headerContainer .locationText{font-size:.75rem}}.experienceCard ul{margin:0;padding-left:20px;list-style-type:disc}.experienceCard ul li{margin-bottom:5px;font-size:.9rem}@media (max-width:768px){.experienceCard ul{padding-left:15px}.experienceCard ul li{font-size:.8rem}}@media (max-width:480px){.experienceCard ul{padding-left:10px}.experienceCard ul li{font-size:.75rem}}.experienceCard .showHyperText{color:var(--site-links-hover);cursor:pointer;justify-content:flex-end;font-size:.75rem;text-decoration:underline;display:flex}
:root{--site-bg:#0d0d1f;--navbar-bg:#0f0f31;--site-text:#fff;--site-links-hover:#67e8f9;--card-background:#28287e}.skillsMainContainer{width:100%;color:var(--site-text);flex-direction:column;gap:20px;padding:25px 20px;display:flex}.skillsMainContainer .skillsContainer{flex-direction:column;justify-content:center;gap:10px;width:100%;display:flex}.skillsMainContainer .skillsContainer .headerContainer{text-align:center;width:100%;font-size:1.5rem;font-weight:700}@media (max-width:768px){.skillsMainContainer .skillsContainer .headerContainer{font-size:1.25rem}}@media (max-width:480px){.skillsMainContainer .skillsContainer .headerContainer{font-size:1rem}}.skillsMainContainer .skillsContainer .skillsListContainer{width:100%}
:root{--text-color:#fff;--text-secondary-color:#ececec;--skill-item-bg-color:#ffffff3d}.skillContainer{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.skillItem{box-sizing:border-box;background:var(--skill-item-bg-color);color:var(--text-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;max-width:128px;padding:10px;display:flex}.skillItem .itemIcon{object-fit:contain;width:48px;height:48px}.skillItem .itemName{color:var(--text-secondary-color);text-align:center;font-size:1rem}@media (max-width:480px){.skillItem{max-width:100px;padding:8px}.skillItem .itemIcon{width:40px;height:40px}.skillItem .itemName{font-size:.875rem}}
:root{--site-text:#fff;--faded-text:#ccc;--form-bg:#0f0f31;--site-links-hover:#67e8f9}.contactMainContainer{width:100%;color:var(--site-text);padding:25px 20px}.contactMainContainer .subContainer{flex-direction:column;gap:30px;margin:0 auto;padding:0 25px;display:flex}@media (max-width:1024px){.contactMainContainer .subContainer{padding:0 10px}}@media (max-width:425px){.contactMainContainer .subContainer{width:-webkit-fill-available}}.contactMainContainer .subContainer .headerSection{text-align:center;flex-direction:column;gap:20px;display:flex}.contactMainContainer .subContainer .headerSection .headerText{width:100%;font-size:2rem;font-weight:700;line-height:1.25}.contactMainContainer .subContainer .headerSection .subHeaderText{color:var(--faded-text);font-size:.9rem;font-weight:400}@media (max-width:768px){.contactMainContainer .subContainer .headerSection .headerText{font-size:1.5rem}.contactMainContainer .subContainer .headerSection .subHeaderText{font-size:.8rem}}@media (max-width:480px){.contactMainContainer .subContainer .headerSection .headerText{font-size:1.25rem}.contactMainContainer .subContainer .headerSection .subHeaderText{font-size:.75rem}}.contactMainContainer .subContainer .bodySection{color:var(--faded-text);flex-direction:column;gap:15px;font-size:.9rem;font-weight:400;display:flex}.contactMainContainer .subContainer .bodySection .contactDetailInstance{align-items:center;gap:10px;display:flex}.contactMainContainer .subContainer .bodySection .contactDetailInstance .contactIcon{color:var(--site-text);font-size:1rem}.contactMainContainer .subContainer .bodySection .contactDetailInstance .contactText{color:var(--faded-text)}@media (max-width:768px){.contactMainContainer .subContainer .bodySection{font-size:.8rem}}@media (max-width:480px){.contactMainContainer .subContainer .bodySection{font-size:.75rem}}.contactMainContainer .subContainer .footerSection{flex-wrap:wrap;gap:20px;margin-bottom:1rem;display:flex}.contactMainContainer .subContainer .footerSection .iconLinkButton i{font-size:1.5rem}.contactMainContainer .subContainer .footerSection .iconLinkButton{color:var(--site-text);transition:color .3s}.contactMainContainer .subContainer .footerSection .iconLinkButton:hover{color:var(--site-links-hover)}.contactMainContainer .subContainer .formContainer{background-color:var(--form-bg);border-radius:10px;flex-direction:column;gap:20px;padding:30px;display:flex}@media (max-width:768px){.contactMainContainer .subContainer .formContainer{padding:20px}}@media (max-width:480px){.contactMainContainer .subContainer .formContainer{padding:15px}}