*{box-sizing:border-box}:root{--gray-default:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--emerald-color-500:#10b981;--box-shadow-md:0px 7px 15px -3px #0000001a;--box-shadow-lg:0px 10px 15px -3px #0000001a;--box-shadow-2xl:0px 15px 15px 0px #0000001a;--main-transition:0.5s;--main-padding-top:96px;--main-padding-bottom:96px;--main-padding-left:0;--main-padding-right:0;--container-padding-left:32px;--container-padding-right:32px;--mobile-padding-top:50px;--mobile-padding-bottom:50px;--header-height:75px;--mobile-padding-top:64px;--mobile-padding-bottom:64px;--mobile-container-padding-left:16px;--mobile-container-padding-right:16px}[data-theme=dark]{--gray-default:#030712;--gray-50:#111827;--gray-100:#1f2937;--gray-200:#374151;--gray-300:#4b5563;--gray-400:#6b7280;--gray-500:#9ca3af;--gray-600:#d1d5db;--gray-700:#e5e7eb;--gray-800:#f3f4f6;--gray-900:#f9fafb;--gray-950:#fff}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif}a{text-decoration:none}ul{list-style:none;margin:0;padding:0}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1280px}}.heading-h1{font-size:60px;font-weight:700;letter-spacing:-2%;line-height:72px}.heading-h2{font-size:36px;line-height:40px}.heading-h2,.heading-h3{font-weight:600;letter-spacing:-2%}.heading-h3{font-size:30px;line-height:36px}.subtitle-normal{font-size:20px;font-weight:400;line-height:28px}.subtitle-semibold{font-size:20px;font-weight:600;line-height:28px}.body1{font-size:18px;font-weight:400;line-height:28px}.body2,.body2-underline{font-size:16px;font-weight:400;line-height:24px}.body2-underline{text-decoration:underline}.body2-medium{font-weight:500}.body2-medium,.body2-semibold{font-size:16px;line-height:24px}.body2-semibold{font-weight:600}.body3{font-weight:400}.body3,.body3-medium{font-size:14px;line-height:20px}.body3-medium{font-weight:500}@media (max-width:991px){.heading-h1{font-size:48px;font-weight:700;line-height:48px}.heading-h2{font-size:18px;line-height:28px}.heading-h3{font-size:24px;line-height:32px}.subtitle-normal{font-size:18px;line-height:28px}.body1{font-size:16px;line-height:24px}}@media (max-width:767px){.heading-h1{font-size:36px;font-weight:600;line-height:40px}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}button{height:100vh;transition:.5s}.app,button{background-color:var(--gray-default)}.app{height:100%;width:100%}.scroll-btn{animation:up-and-down 1.5s linear infinite;bottom:50px;color:var(--gray-950);cursor:pointer;font-size:30px;position:fixed;right:50px}@keyframes up-and-down{0%,to{bottom:43px}50%{bottom:57px}}.header{height:68px}.header .container{align-items:center;display:flex;height:68px;justify-content:space-between}.header .container .logo{color:var(--gray-900);font-size:30px;font-weight:700}.header .container .navlinks-and-buttons{align-items:center;display:flex;justify-content:space-between;width:700px}.header .container .navlinks-and-buttons .navlinks{width:440px}.header .container .navlinks-and-buttons ul{align-items:center;display:flex;justify-content:space-between}.header .container .navlinks-and-buttons ul a{color:var(--gray-600)}.header .container .navlinks-and-buttons .buttons{align-items:center;display:flex;justify-content:space-between;width:220px}.header .container .navlinks-and-buttons .buttons button{background-color:var(--gray-900);border:none;border-radius:50px;color:var(--gray-50);height:36px;width:136px}.header .container .menu{display:none}@media (max-width:992px){.header .container .menu{display:block;position:relative}.header .container .menu .menu-icon{color:var(--gray-600);height:24px;width:24px}.header .container .navlinks-and-buttons{display:none}.sidebar{align-items:self-start;background-color:var(--gray-50);display:flex;flex-direction:column;height:calc(100vh - 68px);position:absolute;right:20px;top:40px;width:320px;z-index:1}.sidebar .sidebar-links ul{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.sidebar .sidebar-links ul li{margin:20px}.sidebar .sidebar-links ul li a{color:var(--gray-600)}.sidebar .sidebar-btn{align-items:self-start;display:flex;flex-direction:column;justify-content:space-around;width:100%}.sidebar .sidebar-btn .theme-btn{align-items:center;border-bottom:1px solid var(--gray-300);border-top:1px solid var(--gray-300);display:flex;justify-content:space-between;padding:10px 20px;width:100%}.sidebar .sidebar-btn .theme-btn p{color:var(--gray-600)}.sidebar .sidebar-btn button{background-color:var(--gray-900);border:none;border-radius:50px;color:var(--gray-50);height:36px;margin:20px;width:136px}}.switch-container label{align-items:center;background:#222;border-radius:50px;cursor:pointer;display:flex;height:35px;justify-content:space-between;padding:0 6px;position:relative;transition:.3s;width:75px}.switch-container input:checked+label{background:silver}.switch-container label .fa-moon,.switch-container label .fa-sun{font-size:18px}.switch-container label .fa-sun{color:gold;opacity:1;transition:.8s}.switch-container label .fa-moon{color:#fff;opacity:0;transform:translateX(43px) rotate(250deg);transition:.8s}.switch-container input:checked+label .fa-sun{opacity:0;transform:translateX(-43px) rotate(160deg)}.switch-container input:checked+label .fa-moon{opacity:1;transform:translateX(0) rotate(0)}.switch-container label .ball{background:#fff;border-radius:50%;display:block;height:25px;position:absolute;right:5px;top:5px;transition:.8s;width:25px}.switch-container input:checked+label .ball{background:#222;transform:translateX(-40px)}.switch-container input{display:none}.landing{background-color:var(--gray-default);padding:var(--main-padding-top) var(--main-padding-right) var(--main-padding-bottom) var(--main-padding-left)}.landing .container{align-items:center;display:flex;justify-content:space-between;padding-left:var(--container-padding-left);padding-right:var(--container-padding-right)}.landing .container .info{max-width:100%;width:768px}.landing .container .info h1{color:var(--gray-900)}.landing .container .info .overview{color:var(--gray-600)}.landing .container .info .location{color:var(--gray-600);display:flex;margin-top:48px}.landing .container .info .location .location-icon{margin-right:10px}.landing .container .info .overview{margin:0}.landing .container .info .location p{margin-top:0}.landing .container .info .available{align-items:center;display:flex;margin-bottom:48px}.landing .container .info .available p{color:var(--gray-600);margin:0}.landing .container .info .available .green-dot{background:var(--emerald-color-500);border-radius:50%;height:8px;margin-right:8px;width:8px}.landing .container .info .social{align-items:center;color:var(--gray-900);display:flex;font-size:24px;justify-content:space-between;width:60px}.landing .container .info .social a{color:var(--gray-600)}.landing .container .image{position:relative;width:400px}.landing .container .image img{height:320px;position:relative;width:280px}.landing .container .image:before{background-color:var(--gray-200);bottom:-25px;content:"";height:320px;position:absolute;right:90px;width:280px}@media (max-width:1200px){.landing{padding-bottom:var(--mobile-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--mobile-padding-top)}.landing .container{flex-direction:column;gap:48px;padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right)}.landing .container .info{order:2}.landing .container .image{order:1;text-align:center;width:100%}.landing .container .image img{height:280px;width:240px}.landing .container .image:before{bottom:-18px;height:280px;left:50%;transform:translateX(-50%);width:280px}}.heading-title{margin-bottom:48px}.heading-title .title{background-color:var(--gray-200);border-radius:50px;color:var(--gray-600);height:28px;margin:0 auto 16px;padding:4px 20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heading-title .description{color:var(--gray-600);margin-bottom:0;margin-left:auto;margin-right:auto;max-width:100%;text-align:center;width:576px}@media (max-width:767px){.heading-title{margin-bottom:24px}.heading-title .description{padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right)}}.about{background-color:var(--gray-50);padding:var(--main-padding-top) var(--main-padding-right) var(--main-padding-bottom) var(--main-padding-left)}.about .container{align-items:center;display:flex;justify-content:space-between;padding-left:var(--container-padding-left);padding-right:var(--container-padding-right)}.about .container .image{height:694px;position:relative;width:584px}.about .container .image img{height:480px;position:relative;width:400px}.about .container .image:before{background-color:var(--gray-200);bottom:185px;content:"";height:480px;left:-30px;position:absolute;width:400px}.about .container .about-me{height:694px;max-width:100%;width:584px}.about .container .about-me h3{color:var(--gray-900);margin:0}.about .container .about-me p{color:var(--gray-600)}.about .container .lists{align-items:center;display:flex;justify-content:space-between}.about .container .lists ul{color:var(--gray-600);list-style:inside;width:287px}.about .container .lists ul li{padding-bottom:12px}@media (max-width:1200px){.about{padding-bottom:var(--mobile-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--mobile-padding-top)}.about .container{flex-direction:column;gap:48px;padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right)}.about .container .image{height:380px;text-align:center;width:100%}.about .container .image img{height:360px;width:280px}.about .container .image:before{bottom:0;height:360px;left:50%;transform:translateX(-50%);width:320px}.about .container .lists ul{list-style:outside;padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right);width:166.5px}.about .container .about-me{height:100%}}.skills{background-color:var(--gray-default);padding:var(--main-padding-top) var(--main-padding-right) var(--main-padding-bottom) var(--main-padding-left)}.skills .container{align-items:center;display:flex;flex-wrap:wrap;gap:10%;justify-content:space-between;padding-left:var(--container-padding-left);padding-right:var(--container-padding-right);row-gap:48px}.skills .container .skill{align-items:center;display:flex;flex:1 0 10%;flex-direction:column;gap:8px;justify-content:center}.skills .container .skill .skill-icon,.skills .container .skill img{height:64px;width:64px}.skills .container .skill p{color:var(--gray-600);margin:0}@media (max-width:992px){.skills{padding-bottom:var(--mobile-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--mobile-padding-top)}.skills .container{column-gap:48px;padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right);row-gap:16px}}.experience-card{align-items:flex-start;background-color:var(--gray-default);border-radius:10px;box-shadow:var(--box-shadow-md);display:flex;gap:48px;height:320px;justify-content:space-between;max-width:100%;padding:32px;width:896px}.experience-card .company-name{max-width:100%;width:206px}.experience-card .company-name p{color:var(--emerald-color-500);margin:0}.experience-card .exp-info{height:180px;max-width:100%;width:384px}.experience-card .exp-info p{color:var(--gray-900);margin-bottom:16px;margin-top:0}.experience-card ul{color:var(--gray-600);list-style:outside;padding-left:24px}.experience-card .date{max-width:100%;width:146px}.experience-card .date p{color:var(--gray-600);margin-top:0}@media (max-width:767px){.experience-card{flex-direction:column;gap:16px;height:490px}.experience-card .company-name{order:1}.experience-card .exp-info{height:100%;order:3}.experience-card .date{order:2}.experience-card .date p{margin:0}}.experience{background-color:var(--gray-50);padding:var(--main-padding-top) var(--main-padding-right) var(--main-padding-bottom) var(--main-padding-left)}.experience .container{align-items:center;display:flex;flex-direction:column;gap:48px;justify-content:space-between;padding-left:var(--container-padding-left);padding-right:var(--container-padding-right)}@media (max-width:767px){.experience{padding-bottom:var(--mobile-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--mobile-padding-top)}.experience .container{column-gap:48px;padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right);row-gap:16px}}.work{background-color:var(--gray-default);padding:var(--main-padding-top) var(--main-padding-right) var(--main-padding-bottom) var(--main-padding-left)}.work .container{align-items:center;display:flex;flex-direction:column;gap:48px;justify-content:space-between;padding-left:var(--container-padding-left);padding-right:var(--container-padding-right)}@media (max-width:1200px){.work{padding-bottom:var(--mobile-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--mobile-padding-top)}.work .container{padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right);row-gap:24px}}.work-card{background-color:var(--gray-50);border-radius:10px;box-shadow:var(--box-shadow-md);height:480px;justify-content:space-between;max-width:100%;overflow:hidden;width:1152px}.work-card,.work-card .image{align-items:center;display:flex}.work-card .image{background-color:var(--gray-100);height:100%;justify-content:center;padding:48px;width:50%}.work-card .image img{border-radius:10px;box-shadow:var(--box-shadow-lg);height:384px;object-fit:cover;object-position:center;width:480px}.work-card .feature{height:100%;padding:48px;width:50%}.work-card .feature .work-title{color:var(--gray-900);margin:0 0 24px}.work-card .feature .work-info{color:var(--gray-600);margin:0 0 24px}.work-card .feature .techs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:start;margin:0 0 24px}.work-card .feature .link .link-icon{color:var(--gray-600);font-size:24px;margin-left:7px;margin-right:7px}@media (max-width:1200px){.work-card{height:100%}.work-card .image{height:256px;padding:32px;width:100%}.work-card .image img{height:192px;width:279px}.work-card .feature{height:100%;padding:32px;width:100%}}.work-tech{background-color:var(--gray-200);border-radius:50px;color:var(--gray-600);height:28px;padding:4px 20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.work-tech p{margin:0}.contacts{background-color:var(--gray-50);padding:var(--main-padding-top) var(--main-padding-right) var(--main-padding-bottom) var(--main-padding-left)}.contacts .container{gap:48px;padding-left:var(--container-padding-left);padding-right:var(--container-padding-right)}.contacts .container,.contacts .container .contact{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.contacts .container .contact{gap:16px}.contacts .container .contact .mail,.contacts .container .contact .phone{align-items:center;display:flex;gap:20px;justify-content:space-between}.contacts .container .contact .mail-phone-icons{color:var(--gray-600);height:32px;width:32px}.contacts .container .contact a{color:var(--gray-900)}.contacts .container .social{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.contacts .container .social p{color:var(--gray-600);margin:0}.contacts .container .social .social-icons{align-items:center;display:flex;gap:4px;justify-content:center}.contacts .container .social .social-icons .icon{color:var(--gray-600);height:24px;width:24px}@media (max-width:992px){.contacts{padding-bottom:var(--mobile-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--mobile-padding-top)}.contacts .container{padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right);row-gap:24px}}.footer{background-color:var(--gray-default);height:100%;padding-left:var(--main-padding-left);padding-right:var(--main-padding-right)}.footer .container{align-items:center;display:flex;justify-content:center;padding-left:var(--container-padding-left);padding-right:var(--container-padding-right)}.footer .container p{color:var(--gray-600);margin:24px 0}@media (max-width:992px){.footer{padding-left:0;padding-right:0}.footer .container{padding-left:var(--mobile-container-padding-left);padding-right:var(--mobile-container-padding-right)}}
/*# sourceMappingURL=main.170b158d.css.map*/