:root{--container-width: 119rem;--gutter: 2rem;--color-black: #000;--color-white: #fff;--color-blue: #2374e1;--color-light-blue: #1d9bf0;--color-dark-blue: #0a66c2;--color-darker-blue: #143ce8;--color-red: #ff0000;--color-green: #03a696;--color-grey: #f6f6f6;--color-dark-green: #42959b;--color-background: var(--color-white);--color-text: var(--color-black);--color-box-img: var(--color-black);--color-link-bg: var(--color-black);--color-input-border: var(--color-black);--font-family-raleway: "Raleway", sans-serif;--font-family-poppins: "Poppins", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-size-70: 7rem;--font-size-65: 6.5rem;--font-size-40: 4rem;--font-size-38: 3.8rem;--font-size-24: 2.4rem;--font-size-22: 2.2rem;--font-size-20: 2rem;--font-size-18: 1.8rem;--font-size-15: 1.5rem;--transition-timing: 0.3s}*{margin:0;padding:0;font:inherit}*,*::after,*::before{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:11rem}a{color:inherit;display:inline-block}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;border:0}ul,ol{list-style:none}body,[type=submit]{font-size:1.6rem;font-family:var(--font-family-raleway);background-color:var(--color-background);color:var(--color-text);border:0}.container{display:grid;row-gap:11rem;margin:0 auto;max-width:calc(var(--container-width) + var(--gutter)*2);padding-inline:var(--gutter)}.video-loop{position:fixed;top:0;left:0;min-width:100%;min-height:100%;opacity:.08;z-index:-1}.h2-header{font-size:var(--font-size-65);font-weight:var(--font-weight-bold);text-transform:uppercase;grid-column:-1/1;margin-bottom:8rem}.h3-header{font-size:var(--font-size-38);font-weight:var(--font-weight-bold);margin-bottom:2.5rem;text-transform:capitalize}.section{position:relative;display:grid;grid-template-columns:repeat(2, auto);align-items:start}.sectoin-with-bg{padding:11rem 0}.sectoin-with-bg::before{content:"";position:absolute;height:100%;width:100vw;background-color:var(--color-grey);z-index:-1;justify-self:center}.header{position:sticky;top:0;z-index:1;padding:3rem 0;display:flex;justify-content:center}.header::before{content:"";position:absolute;background-color:var(--color-background);height:100%;width:100vw;border-bottom:.1rem solid var(--color-input-border);top:0;z-index:-1}.navigation__list{display:flex;gap:var(--gutter)}.navigation__link:link,.navigation__link:visited{text-decoration:none;font-weight:var(--font-weight-medium)}.navigation__link:hover,.navigation__link:active{text-decoration:underline;color:var(--color-text)}.container:has(#bio:target) .navigation__bio,.container:has(#skills:target) .navigation__skills,.container:has(#media:target) .navigation__media,.container:has(#projects:target) .navigation__projects,.container:has(#about:target) .navigation__about,.container:has(#contact:target) .navigation__contact{color:var(--color-blue);text-decoration:underline;font-weight:var(--font-weight-bold)}.burger-menu__checkbox{display:none}.toggle{display:flex;gap:1rem;margin-left:auto}.toggle__title{font-weight:var(--font-weight-medium);font-size:var(--font-size-18)}.toggle__checkbox{display:none}.toggle__label{display:block;position:relative;background-color:var(--color-black);border-radius:1.5rem;width:4.5rem;height:2.2rem;cursor:pointer;padding:.3rem .4rem;transition:.3s}.toggle__label::after{content:"";width:1.6rem;height:1.6rem;border-radius:50%;display:block;background-color:var(--color-white);transition:.3s}.toggle__checkbox:checked+.toggle__label{background-color:var(--color-white)}.toggle__checkbox:checked+.toggle__label::after{transform:translate(2.1rem);background-color:var(--color-green)}.bio{grid-template-columns:repeat(2, 1fr);-moz-column-gap:7.4rem;column-gap:7.4rem;row-gap:0}.bio__header{font-size:var(--font-size-70);font-weight:var(--font-weight-bold)}.bio__objective{font-family:var(--font-family-poppins);font-weight:var(--font-weight-regular);font-size:var(--font-size-20);margin:3rem 0 8rem}.bio__name{font-weight:var(--font-weight-bold)}.bio__almdrasa{color:var(--color-green)}.bio__facebook{color:var(--color-blue)}.bio__twitter{color:var(--color-light-blue)}.bio__linkedin{color:var(--color-dark-blue)}.bio__links{font-size:2.4rem;font-weight:var(--font-weight-semi-bold);text-decoration:none}.say-hi-link{color:var(--color-white);background-color:var(--color-link-bg);padding:.5rem 5rem}.find-out-link{padding:.5rem 0;margin-inline-start:1.4rem}@keyframes jump{0%{transform:translateY(-0.5rem)}35%{transform:translateY(0.5rem)}70%{transform:translateY(0rem)}100%{transform:translateY(0rem)}}.bio__arrow{display:inline-block;animation:jump 1.2s infinite alternate ease-in-out}.bio__pic{width:42.7rem}.bio__pic-content{display:flex;position:relative;align-items:flex-end;justify-self:end}.bio__pic-content::before{content:"";position:absolute;background-color:var(--color-box-img);width:100%;height:46rem;z-index:-1;border-radius:1.8rem;box-shadow:2.17543px 8.7017px 38.0699px rgba(0,0,0,.15)}.bio__pic{width:42.7rem}.skills{grid-template-columns:1fr}.skills__components{transition:var(--transition-timing);-webkit-user-select:none;-moz-user-select:none;user-select:none}.skills__list-elements{font-size:var(--font-size-38);font-weight:var(--font-weight-semi-bold)}.skills__list{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:5rem}.skills__experience{display:inline-block;font-size:var(--font-size-20);font-weight:var(--font-weight-regular);margin-inline-start:.5rem;margin-top:1rem}.skills__components:hover{text-shadow:0 0 2px var(--color-green)}.media{align-items:center;justify-content:center}.media__video{max-width:100%}.projects{-moz-column-gap:7.4rem;column-gap:7.4rem;grid-template-columns:repeat(1, auto);align-items:start}.projects__content{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:7.5rem;-moz-column-gap:7.4rem;column-gap:7.4rem;align-items:center}.projects__pic{box-shadow:0 0 .5rem rgba(0,0,0,.99);max-width:100%}.projects__description{line-height:1.5}.projects__links{margin-top:2.3rem;color:var(--color-darker-blue);font-family:var(--font-family-poppins);font-weight:var(--font-weight-medium)}.projects__links::after{content:"";display:inline-block;width:1.4rem;height:1.4rem;background-image:url("./images/external-icon.png");background-size:contain;margin-inline-start:.6rem}.about__paragraphs{grid-column:1/-1;font-size:35px;line-height:1.7}.about__paragraphs-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.about__paragraph{flex-basis:100%;flex-shrink:0;scroll-snap-align:start}.contact{grid-template-columns:repeat(2, 1fr);-moz-column-gap:20rem;column-gap:20rem;row-gap:0;align-items:center}.contact__paragraph{font-size:var(--font-size-20);line-height:1.9}.contact__email{margin:2.5rem 0;font-family:var(--font-family-raleway);font-weight:var(--font-weight-bold)}.contact__mysocial{transition:var(--transition-timing);margin-inline-end:.9rem;background:var(--color-green);padding:.2rem .4rem;border-radius:50%}.contact__mysocial:hover{transform:scale(1.2)}.contact__inputs{display:flex;gap:3rem}.contact__input{border:0;outline:0;background:rgba(0,0,0,0);border-bottom:.1rem solid var(--color-input-border);flex:1}.contact__textarea{width:100%;margin-top:4rem}.contact__btn{background-color:var(--color-link-bg);color:var(--color-white);padding:1.7rem 1.4rem;font-weight:var(--font-weight-medium);font-size:var(--font-size-24);margin-top:3.4rem}form:invalid::after{content:"*";font-size:var(--font-size-38);color:var(--color-red)}.footer__copyright{border-top:.1rem solid var(--color-black);padding:1rem 0;font-family:var(--font-family-raleway);font-size:var(--font-size-15)}html:has(.toggle__checkbox:checked){--color-background: var(--color-black);--color-text: var(--color-white);--color-box-img: var(--color-green);--color-link-bg: var(--color-green);--color-grey: #000000;--color-input-border: var(--color-white)}html:has(.toggle__checkbox:checked) .skills__components:hover{text-shadow:3px 3px 3px var(--color-darker-blue)}@media(max-width: 1000px){html{font-size:8px}}@media(max-width: 800px){.container{row-gap:8rem}.section{grid-template-columns:1fr}.bio__pic-content{grid-row:1;justify-self:center;margin-bottom:4rem}.skills__list{grid-template-columns:repeat(2, 1fr)}.projects__content{grid-template-columns:1fr;row-gap:6rem;justify-items:center}.projects__info:nth-of-type(2){order:1}.about__paragraph{font-size:var(--font-size-24)}.contact{row-gap:6rem}.contact__formContent{order:-1}}@media(max-width: 500px){.bio__pic{width:100%}.burger-menu{display:flex;flex-direction:column;cursor:pointer;gap:.75rem}.burger-menu__bar{position:relative;height:.3rem;width:4.375rem;background-color:var(--color-text);transition:var(--transition-timing)}.header:has(.burger-menu__checkbox:checked) .burger-menu__bar:nth-child(2){transform:translateX(-55px)}.header:has(.burger-menu__checkbox:checked) .burger-menu__bar:nth-child(1){transform:translateY(10px) rotate(40deg)}.header:has(.burger-menu__checkbox:checked) .burger-menu__bar:nth-child(3){transform:translateY(-7px) rotate(-40deg)}.navigation{opacity:0;visibility:hidden;position:fixed;transition:var(--transition-timing);top:0}.header:has(.burger-menu__checkbox:checked) .navigation{opacity:100%;visibility:visible;transform:translateY(8.4rem);width:100vw}.header:has(.burger-menu__checkbox:checked) .navigation__list{justify-content:center;margin-top:3.36rem;gap:3.5rem;transition:var(--transition-timing)}.header:has(.burger-menu__checkbox:checked) .navigation::before{content:"";position:absolute;background-color:var(--color-background);height:8rem;width:100vw;border-bottom:.1rem solid var(--color-input-border);top:0;z-index:-1}}/*# sourceMappingURL=style.css.map */