@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;700&display=swap);:root{--background:#f2f2f2;--surface:#fff;--on-surface-100:#162546;--on-surface-60:rgba(22,37,70,0.5);--primary-color-100:#2669f7;--primary-color-60:rgba(38,105,247,0.16);color:var(--on-surface-100);font-family:IBM Plex Sans Arabic,sans-serif;font-size:16px}body,html{box-sizing:border-box}body,html,ol,ul{margin:0;padding:0}h1{font-size:2.125rem}h1,h2{font-weight:400;margin:0}h2{font-size:1.75rem}h3{font-size:1.25rem}.p1,h3{font-weight:400;margin:0}.p1{font-size:1.125rem}.p2{font-size:1rem;font-weight:400}.p2,p{margin:0}.portfolio{background-color:var(--background)}.portfolio--arabic{direction:rtl}.portfolio__section__content{background-color:var(--surface);display:flex;flex-direction:column;margin:0 auto .75rem;max-width:600px;padding:1.875rem}.portfolio__section__content--about__lang{align-items:center;background-color:var(--primary-color-60);border-radius:.6875rem;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1em;overflow:hidden}.portfolio__section__content--about__lang__option{align-items:center;color:var(--primary-color-100);display:flex;height:2rem;justify-content:center;padding:.5rem;text-align:center;text-decoration:none;width:100%}.portfolio__section__content--about__lang__option--active{color:var(--surface)}.portfolio__section__content--about__lang__option__selector{background-color:var(--primary-color-100);border-radius:.375rem;height:100%;width:100%;z-index:1}.portfolio__section__content--about__lang__option__text{position:absolute;z-index:2}.portfolio__section__content--about__bio__header{display:flex;margin-bottom:1em}.portfolio__section__content--about__bio__header__img{border-radius:.6875rem}.portfolio__section__content--about__bio__header__img--english{margin-right:.75rem}.portfolio__section__content--about__bio__header__img--arabic{margin-left:.625rem}.portfolio__section__content--about__bio__header__wrap{display:flex;flex-direction:column;justify-content:space-between;width:100%}.portfolio__section__content--about__bio__header__wrap__name{align-items:center;display:flex;font-weight:700;height:100%;margin:auto 0}.portfolio__section__content--about__bio__header__wrap__contact{align-items:center;background-color:var(--primary-color-100);border-radius:.6875rem;color:var(--surface);display:flex;font-size:1.25rem;font-weight:500;justify-content:center;padding:.5625rem 0;text-align:center;text-decoration:none;width:100%}.portfolio__section__content--about__bio__header__wrap__contact--alt{background-color:var(--primary-color-60);color:var(--primary-color-100)}.portfolio__section__content--about__bio__header__wrap__contact__icon--english{margin-right:.625rem}.portfolio__section__content--about__bio__header__wrap__contact__icon--arabic{margin-left:.625rem}.portfolio__section__content--about__bio__header__wrap__contact__label{font-weight:500}.portfolio__section__content--about__bio__skills{display:flex;flex-wrap:wrap;margin-bottom:1.125rem}.portfolio__section__content--about__bio__skills__skill{border:.125rem solid var(--primary-color-60);border-radius:.6875rem;color:var(--on-surface-100);margin-bottom:.625rem;padding:.625rem}.portfolio__section__content--about__bio__skills__skill--english{margin-right:.4375rem}.portfolio__section__content--about__bio__skills__skill--arabic{margin-left:.4375rem}.portfolio__section__content--about__bio__button-cluster{display:flex;flex-direction:column;gap:.75rem}.portfolio__section__content--about__bio__button-cluster__links{display:flex;gap:.75rem}.portfolio__section__content--about__bio__button-cluster__links__link{align-items:center;background-color:var(--primary-color-100);border-radius:.6875rem;color:var(--surface);display:flex;font-size:1.25rem;font-weight:500;justify-content:center;padding:.5625rem 0;text-align:center;text-decoration:none;width:100%}.portfolio__section__content--about__bio__button-cluster__links__link--alt{background-color:var(--primary-color-60);color:var(--primary-color-100)}.portfolio__section__content--about__bio__button-cluster__links__link__icon--english{margin-right:.625rem}.portfolio__section__content--about__bio__button-cluster__links__link__icon--arabic{margin-left:.625rem}.portfolio__section__content--about__bio__button-cluster__links__link__label{font-weight:500}.portfolio__section__content--about__bio__button-cluster__resume{align-items:center;background-color:var(--primary-color-100);border-radius:.6875rem;color:var(--surface);display:flex;font-size:1.25rem;font-weight:500;justify-content:center;padding:.5625rem 0;text-align:center;text-decoration:none;width:100%}.portfolio__section__content--about__bio__button-cluster__resume--alt{background-color:var(--primary-color-60);color:var(--primary-color-100)}.portfolio__section__content--about__bio__button-cluster__resume__icon--english{margin-right:.625rem}.portfolio__section__content--about__bio__button-cluster__resume__icon--arabic{margin-left:.625rem}.portfolio__section__content--about__bio__button-cluster__resume__label{font-weight:500}.portfolio__section__content__logo{margin:2em auto}.portfolio__section__content__card{border:.125rem solid var(--primary-color-60);border-radius:.6875rem;display:grid;margin-bottom:1em;padding:1.25rem;place-items:center}.portfolio__section__content__card__paragraph{text-align:center}.portfolio__section__content__card__paragraph--bio{text-align:start}.portfolio__section__content__card__paragraph__span--tefkeer{color:#296bc6}.portfolio__section__content__card__paragraph__span--svelte{color:#ff3e00}.portfolio__section__content__card__paragraph__span--ieee{color:#0084bd}.portfolio__section__content__card__paragraph__span--ftc{color:#574dc5}.portfolio__section__content__card__paragraph__span--tiwavu{color:#2668f7}.portfolio__section__content__card__paragraph__span--ticketna{color:#f06100}.portfolio__section__content__card--image{padding:.75rem}.portfolio__section__content__header{border-bottom:.125rem solid var(--primary-color-60);margin-top:-1em}.portfolio__section__content__header__title{font-weight:700}.portfolio__section__content__header__subtitle{color:var(--primary-color-100);margin-bottom:.75em}.portfolio__section__content__button{align-items:center;background-color:var(--primary-color-100);border-radius:.6875rem;color:var(--surface);display:flex;font-size:1.25rem;font-weight:500;justify-content:center;padding:.5625rem 0;text-align:center;text-decoration:none;width:100%}.portfolio__section__content__button--alt{background-color:var(--primary-color-60);color:var(--primary-color-100)}.portfolio__section__content__button__icon--english{margin-right:.625rem}.portfolio__section__content__button__icon--arabic{margin-left:.625rem}.portfolio__section__content__button__label{font-weight:500}.portfolio__section__content__examples{margin-top:2.5rem}.portfolio__section__content__examples__header{border-bottom:.125rem solid var(--primary-color-60);padding-bottom:.5em}.portfolio__section__content__examples__header__title{font-weight:700}.portfolio__section__content__examples__example{display:flex;flex-direction:column}.portfolio__section__content__examples__example__img{border-radius:.3125rem;margin:1.5rem auto 1em;max-width:400px;width:100%}.portfolio__section__content__examples__example__caption{color:var(--on-surface-60);text-align:center}.portfolio__footer{background-color:var(--surface);display:grid;margin:0 auto;max-width:600px;padding:2em 1.875rem 4em;place-items:center}.portfolio__footer .p1{border-top:.125rem solid var(--primary-color-60);padding:1em 0;text-align:center;width:100%}