: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}*,*::before,*::after{box-sizing:border-box}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}html{scroll-behavior:smooth;scroll-padding-top:6rem}body,[type=submit]{font-size:1rem;font-family:var(--font-family-raleway);background-color:var(--color-background);color:var(--color-text);border:0;overflow-x:hidden}.container{margin:0 auto;max-width:100%;width:100%;display:grid;row-gap:11rem;padding-inline:var(--gutter)}.video-loop{position:fixed;top:0;left:0;min-width:100%;min-height:100%;opacity:.08;z-index:-1}.h2-heading{font-size:var(--font-size-65);font-weight:var(--font-weight-bold);grid-column:1/-1;margin-bottom:8.7rem;text-transform:uppercase}.h3-heading{font-size:var(--font-size-38);font-weight:var(--font-weight-bold);margin-bottom:2.5rem}.section{position:relative;display:grid;grid-template-columns:repeat(2, auto);align-items:start}.section--with-bg{padding:11rem 0}.section--with-bg::before{content:"";position:absolute;height:100%;width:100vw;background-color:var(--color-grey);justify-self:center;z-index:-1}.header{padding:2rem var(--gutter);min-height:6rem;position:sticky;top:0;background-color:var(--color-background);z-index:1;border-bottom:.1rem solid var(--color-input-border);width:100vw;margin-left:calc(-1*var(--gutter));display:flex;justify-content:space-between;align-items:center}.header::before{content:"";position:absolute;height:100%;width:100vw;top:0;z-index:-1}.navigation{transition:var(--transition-timing)}.navigation__list{display:flex;gap:2rem}.navigation__link:link,.navigation__link:visited{text-decoration:none;font-weight:var(--font-weight-medium)}.navigation__link:hover,.navigation__link:active{text-decoration:underline;font-weight:var(--font-weight-medium);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(.clients:target) .navigation__clients,.container:has(.contact:target) .navigation__contact{color:var(--color-blue);text-decoration:underline;font-weight:var(--font-weight-bold)}.burger-menu__checkbox{display:none}.burger-menu{display:none;flex-direction:column;cursor:pointer;gap:.75rem}.toggle{display:flex;gap:1rem;margin-left:auto;align-items:center}.toggle__title{font-weight:var(--font-weight-medium);font-size:var(--font-size-12)}.toggle__checkbox{display:none}.toggle__label{display:block;position:relative;background-color:var(--color-black);border-radius:.8rem;width:2.5rem;height:1.2rem;cursor:pointer;padding:.2rem .3rem;transition:.3s}.toggle__label::after{content:"";width:.8rem;height:.8rem;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:translateX(1.3rem);background-color:var(--color-green);transition:.3s}.bio{column-gap:7.4rem;row-gap:0;grid-template-columns:repeat(2, 1fr)}.bio__heading{font-size:var(--font-size-70);font-weight:var(--font-weight-bold)}.bio__objectiive{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-semi-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__youtube{color:var(--color-red)}.bio__links{font-size:2.4rem;font-weight:var(--font-weight-semi-bold);text-decoration:none}.say-hi-link{background-color:var(--color-link-bg);color:var(--color-white);padding:.7rem 4.7rem;margin-right:1rem}.find-out0link{padding:.7rem 0;margin-inline-start:1.4rem}@keyframes jump{0%{transform:translateY(0.5rem)}35%{transform:translateY(-0.5rem)}70%{transform:translateY(0)}100%{transform:translateY(0)}}.bio__arrow{display:inline-block;animation:jump 1s infinite alternate ease-in-out}.bio__pic-content{display:flex;position:relative;align-items:flex-end;justify-self:end;margin-right:2rem}.bio__pic-content::before{content:"";position:absolute;background-color:var(--color-box-img);width:100%;height:100%;z-index:-1;border-radius:1.8rem;box-shadow:2.17543px 8.7817px 38.069px rgba(0,0,0,.15)}.bio__pic{width:30rem;max-width:100%}.skills__list{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:5rem}.skills__item{transition:var(--transition-timing);user-select:none}.skills__title{font-size:var(--font-size-38);font-weight:var(--font-weight-semi-bold)}.skills__years{display:inline-block;font-size:var(--font-size-20);margin-top:1rem}.skills__item:hover{text-shadow:0 0 2px var(--color-green)}.media{align-items:center;justify-content:center}.media__video{max-width:100%}.projects__main{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:7.4rem;row-gap:7.5rem}.projects__img{box-shadow:0 0 .5rem rgba(0,0,0,.2);max-width:100%}.projects__data{align-self:center}.projects__description{line-height:1.5}.projects__link{color:var(--color-darker-blue);font-family:var(--font-family-poppins);font-weight:var(--font-weight-medium);margin-top:2.3rem}.projects__link::after{content:"";display:inline-block;height:1.4rem;width:1.4rem;background-image:url(images/external-icon.png);background-size:contain;margin-left:.6rem}.clients__opinions{grid-column:1/-1;font-size:var(--font-size-40);line-height:1.7}.clients__wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.clients__opinion{flex-basis:100%;flex-shrink:0;scroll-snap-align:start}.contact{column-gap:20rem;row-gap:0;grid-template-columns:repeat(2, 1fr);align-items:center}.contact__formContent{margin-right:4rem}.contact__description{font-size:var(--font-size-20);line-height:1.9}.contact__email{font-weight:var(--font-weight-bold);margin:2.5rem 0}.contact__socail{transition:var(--transition-timing)}.contact__social: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:.05rem solid var(--color-input-border);flex:1}.contact__textarea{width:100%;margin-top:4rem}.contact__button{background-color:var(--color-link-bg);color:var(--color-white);padding:1.7rem 1.8rem;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{padding:1rem 0;font-size:var(--font-size-15);border-top:.1rem solid var(--color-black)}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: #080808;--color-input-border: var(--color-white)}@media(max-width: 1000px){html{font-size:8px}}@media(max-width: 800px){.container{row-gap:8 rem}.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__main{grid-template-columns:1fr;row-gap:6rem;justify-items:center}.projects__data:nth-of-type(2){order:1}.clients__opinions{font-size:var(--font-size-24)}.contact{row-gap:6rem}.contact__formContent{order:-1}}@media(max-width: 500px){.header{min-height:6rem;padding:0 2rem;width:110%}.header::before{z-index:0}.bio__pic{width:100%}.burger-menu{display:flex;flex-direction:column;cursor:pointer;gap:.75rem}.burger-menu__bar{height:.3rem;width:4.375rem;background-color:var(--color-text);transition:var(--transition-timing);z-index:0;align-self:center}.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(2){opacity:0;visibility:hidden}.header:has(.burger-menu__checkbox:checked) .burger-menu__bar:nth-child(3){transform:translateY(-7px) rotate(-40deg)}.burger-menu__checkbox:checked+.navigation{transform:translateY(0);opacity:1;visibility:visible}.navigation{position:absolute;width:105%;background-color:var(--color-background);top:100%;left:calc(-1*var(--gutter));padding:3rem 0;border-bottom:.1rem solid var(--color-text);z-index:-1;opacity:0;visibility:hidden}.toggle{padding:3rem 0;z-index:1}.navigation__list{justify-content:center}}/*# sourceMappingURL=style.css.map */