@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500&display=swap);*{border:none;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}body{background:#850e35;background:var(--color-bg-dark);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMJDhMYEkBm58sAAABISURBVHhe7dExEQAwFINQrMRD/Gurhix/6LGwc48AmUKBToGQMZSOgcyhY25eblx+0ldfffXVV1999dVXX3311VdfffXVV/8Btlgq5Eo+mtMAAAAASUVORK5CYII=);color:#fff;color:var(--colot-white);font-family:Tajawal,sans-serif;line-height:1.7}:root{--color-bg-dark:#850e35;--color-bg-light:#ee6983;--color-font-light:#fff5e4;--color-font-dark:#ffc4c4;--colot-white:#fff;--container-width-lg:75%;--container-width-md:85%;--container-width-sm:90%;--transition:all 400ms ease}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5,h6{font-weight:500}h1{font-size:2.6rem}section{margin-top:12rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section>h2,section>h5{color:#fff5e4;color:var(--color-font-light);text-align:center}section>h5{margin-bottom:1.2rem;margin-top:1.5rem}section>h2{margin-bottom:2.4rem}.text-light{color:#fff5e4;color:var(--color-font-light)}.text-dark,a{color:#ffc4c4;color:var(--color-font-dark)}a{transition:all .4s ease;transition:var(--transition)}.btn,a:hover{color:#fff5e4;color:var(--color-font-light)}.btn{background:#850e35;background:var(--color-bg-dark);border:1px solid #ffc4c4;border:1px solid var(--color-font-dark);border-radius:.5rem;cursor:pointer;height:2.2rem;padding:0 1rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#ffc4c4;background:var(--color-font-dark);border:1px solid #ffc4c4;border:1px solid var(--color-font-dark)}.btn-primary,.btn:hover{color:#850e35;color:var(--color-bg-dark)}.btn-primary{background:#fff5e4;background:var(--color-font-light);border:none}.btn-primary:hover{background:#850e35;background:var(--color-bg-dark);border:1px solid #ffc4c4;border:1px solid var(--color-font-dark);color:#fff5e4;color:var(--color-font-light)}img{display:block;object-fit:cover}@media screen and (max-width:1024px){.container{width:85%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-top:3rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#about{background-color:var(--color-bg-dark);border-radius:7px;color:var(#fff);font-size:1.2rem;height:60vh;line-height:2;margin:auto;width:90%}.about_container{grid-gap:3.4rem;display:grid;gap:3.4rem;grid-template-columns:minmax(40%,1fr) minmax(75%,1fr);grid-template-rows:auto;overflow:hidden;width:90%}.about-bio{overflow:hidden;text-align:justify}.cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,200px);max-width:80%}article{border:1px solid var(--color-bg-light);border-radius:7px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);color:var(--color-bg-light);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:2.5;padding:.4rem;text-align:center}.about-icon{font-size:2.1rem}h5{color:#fff;font-size:1rem}@media (max-width:536px){.about_container,.cards{display:block}.cards{margin:1rem auto auto}}#contact{color:var(#fff);height:80vh;margin:13rem auto auto;width:100%}#contact>div>svg{height:auto;width:21rem}.container{width:80%}.container.contact_container{grid-gap:7%;display:grid;gap:7%;grid-template-columns:2fr 1fr .5fr;grid-template-rows:30% 30% 30%}.form_container{background-color:var(--color-bg-dark);border:1px solid var(--color-bg-light);border-radius:20px;height:23rem;margin:15%;width:30rem}form{display:flex;flex-direction:column;padding:1.4rem}form>input,textarea{background-color:var(--color-bg-ligh);caret-color:#fff;color:#fff;font-size:1rem;margin-bottom:1.2rem;padding:.4rem}input{border:.2px solid var(--color-font-dark);border-radius:5px;height:3rem}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--color-font-dark);font-size:1rem;font-style:italic;margin:5px;opacity:.5;padding:.2rem}input::placeholder,textarea::placeholder{color:var(--color-font-dark);font-size:1rem;font-style:italic;margin:5px;opacity:.5;padding:.2rem}.form_container>form>button{font-family:cursive;font-size:1rem;font-weight:600}textarea{border:.2px solid var(--color-font-dark);border-radius:5px;height:7rem}article{width:17rem}.card{border:none;box-shadow:none}.email{border-left:1px solid var(--color-bg-light)}.email,.messenger{border-top:1px solid var(--color-bg-light)}.messenger{border-right:1px solid var(--color-bg-light)}.whats{border-bottom:1px solid var(--color-bg-light);border-radius:50px}@media (max-width:917px){#contact{margin-top:18rem}.container.contact_container{display:grid;grid-template-columns:1fr .2fr;grid-template-rows:30% 30% 30%}.svgSig{display:none}}@media (max-width:880px){#contact{margin-bottom:12rem;margin-top:28rem}.form_container{height:23rem;margin:5%;width:20rem}}@media (max-width:677px){.container.contact_container{display:flex;flex-direction:column}#contact{height:130vh}}@media (max-width:500px){#contact{margin-bottom:12rem;margin-top:55rem;margin-top:100rem}.contact_ways{margin-top:5px}}#experience{color:var(#fff);height:90vh;line-height:2;margin:4.2rem auto auto;max-width:80%;min-width:28rem;width:80%}.container{border:1px solid #af5959;border-radius:7px}h3,p{color:#fff}.exp_cards{grid-column-gap:1.2rem;grid-row-gap:2.9rem;-webkit-column-gap:1.2rem;column-gap:1.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,100px));grid-template-rows:repeat(2,auto);height:auto;justify-content:center;margin:auto;min-width:80%;row-gap:2.9rem}img{border-radius:15px;height:8.9rem;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:auto;width:100%}article{box-shadow:0 3px 8px hsla(0,43%,97%,.24)}@media (max-width:1037px){.btn{display:block}#experience>h5{display:none}}@media (max-width:747px){#experience{line-height:2;margin-top:22rem}}@media (max-width:729px){.exp_cards{grid-column-gap:1rem;grid-row-gap:2rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,minmax(50%,100px));grid-template-rows:repeat(3,70vh);row-gap:2rem}.container{border:none}}@media (max-width:947px){.exp_cards{grid-column-gap:1rem;grid-row-gap:7rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;font-size:.8rem;grid-template-columns:repeat(2,minmax(50%,300px));grid-template-rows:repeat(3,30vh);row-gap:7rem}}@media (max-width:770px){#experience{line-height:2;margin-top:18rem}.exp_cards{grid-column-gap:1rem;grid-row-gap:7rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;font-size:.8rem;grid-template-columns:repeat(2,minmax(50%,300px));grid-template-rows:repeat(3,30vh);row-gap:7rem}.btn{display:inline;font-size:.85rem;padding:.3rem}@media (max-width:548px){.exp_cards{display:flex;flex-direction:column}}@media (max-width:470px){#experience{line-height:2;margin-top:35rem}}}#footer{background:var(--color-bg-light);color:var(--color-bg-dark);display:block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:small;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;width:100%}.container{margin:auto}.footer_container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:3rem;justify-content:center;padding:.2rem}.connect{display:block}.contact_me p{color:var(--color-bg-dark);display:inline}.connect{display:flex}container{width:150vw}.about-icon{font-size:1.6rem;margin-right:1rem}.calendly>button{background:none;color:var(--color-bg-dark);cursor:pointer;font-weight:700}@media (max-width:500px){#footer>div{display:block;margin-top:5px;padding:3px}}a{margin-right:.4rem;margin-top:1rem}.btn.cvLink{box-shadow:0 5px 15px rgba(145,92,182,.4);color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn,audio{cursor:pointer}header{height:66vh;overflow:hidden}.header-container{grid-column-gap:8.8rem;align-items:center;display:grid;grid-template-rows:repeat(auto-fit,minmax(.02rem,auto));justify-content:center;padding:3rem 2rem}.text-light{grid-column:1;grid-row:2/-1}.job{grid-column-start:1;grid-row:3}.cv{grid-column:1;grid-row:4}.me{grid-column:2;grid-row:1/span 5;height:auto;max-width:10rem;min-width:8rem;opacity:.7;width:8rem}.my-image{background:var(--color-bg-light);background:linear-gradient(90deg,#850e35 48%,var(--color-bg-light) 100%);border:.0001px solid transparent;border-bottom-right-radius:11rem;border-left:none;border-top-right-radius:1rem;height:18rem;padding:.8rem;width:10rem}.header-container:before{border-bottom:3px dotted var(--color-bg-light);border-radius:21%;content:"";display:block;height:200px;left:25%;position:absolute;top:45%;width:50%}div[animation="1"]{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}.scroll-down{font-size:.9rem;font-weight:300}@media (max-width:850px){.header-container{grid-column-gap:10px}.header-container:before{display:none}}@media (max-width:516px){.header-container{display:inline-block;width:100%}img{padding:.8rem;-webkit-transform:translate(50%);transform:translate(50%)}.my-image{border-radius:20px;height:15rem;width:9rem}.scroll-down{display:none}}@media (max-width:500px){.container{display:flex;flex-direction:column;justify-content:center}img{-webkit-transform:translate(0);transform:translate(0)}header{height:50vh}section>h2{margin-top:0}}.nav{display:grid;grid-template-columns:1fr minmax(100px,5rem) 1fr;grid-template-rows:3rem;padding:2rem 7rem}.internal-sections{display:flex;flex-wrap:wrap;grid-column:3/-1}.internal-sections a,.socials{font-size:1.2rem;padding:.4rem}.socials{display:flex;flex-wrap:nowrap}.icons{background:#26030e;border-radius:10px;bottom:1rem;display:block;height:auto;left:1rem;padding:.8rem 1rem;position:fixed;-webkit-transform:translate(50%);transform:translate(50%);width:3rem}.icons:hover,icons a:hover{background-color:rgba(0,0,0,.4)}.icons a{font-size:1.2rem}@media (max-width:768px){.nav{display:none}}@media (max-width:850px){.nav{grid-template-rows:6rem}.socials{font-size:1.2rem;padding:4.4rem 6rem}}.active{color:var(--color-bg-light)}
/*# sourceMappingURL=main.2b425a5b.css.map*/