@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700&display=swap";:root{--main-color: #e02f6b;-blue:#00ff;--blue-dark: #18293c;-orange:#ffa500;--green-yellow: #cddc39;--pink-light: #efa2b4;--cyan-light: #aef1ee;--white: #ffffff;--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-25: rgba(255, 255, 255, .25)}*{margin:0;padding:0;box-sizing:border-box;outline:none}:after,:before{box-sizing:border-box}body{min-height:100vh;background-image:linear-gradient(to bottom right,var(--pink-light),var(--cyan-light));font-size:1rem;color:var(--blue-dark);line-height:1.5;overflow-x:hidden;padding:0px 1rem 1rem;font-family:Poppins,sans-serif;font-weight:300}body:before{content:"";position:fixed;left:0;top:0;height:100%;width:100%;background-color:var(--green-yellow);z-index:-1;opacity:.12}.main{max-width:1300px;margin:auto;transition:all .5s ease-in-out;position:relative}img{max-width:100%;vertical-align:middle}a{text-decoration:none}h1,h2{font-weight:600}h3,h4,h5,h6{font-weight:500}section{background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);border-radius:1rem;min-height:90vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem 2rem;width:100%}.section-title{padding:2rem 1rem 1rem;width:100%;text-align:center;margin:auto;text-transform:capitalize;font-size:2.2rem}.title{font-size:2rem}.subtitle{font-size:1.75rem;margin:1rem 0;font-weight:500}.description{font-size:1.25rem}::-webkit-scrollbar{width:5px;height:4px}::-webkit-scrollbar-track{background-color:var(--white)}::-webkit-scrollbar-thumb{background-color:var(--main-color)}.btn{line-height:1.5;background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);padding:10px 28px;display:inline-block;border-radius:1.5rem;color:var(--main-color);font-weight:500;text-transform:capitalize;font-family:inherit;font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;vertical-align:middle;transition:width .3s ease}.btn:before{content:"";position:absolute;left:0;top:0;height:100%;width:0%;background-color:var(--main-color);z-index:-1;transition:width .3s ease}.btn:hover:before{width:100%}.btn:hover{color:var(--white)}button{font-family:inherit;-webkit-user-select:none;user-select:none}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomInOut{0%,to{transform:scale(.5)}50%{transform:scale(1)}}@keyframes bounceTop{0%,to{transform:translateY(-50px)}50%{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){body{padding:0 10px 10px}section{padding:10px}.btn{padding:8px 14px}.section-title{font-size:1.8rem}.title{font-size:1.7rem}.subtitle{font-size:1.4rem}.description{font-size:1rem}}.markdown-body{direction:rtl;text-align:start}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:2rem 0 1rem;font-weight:700}.markdown-body p{font-size:1.1em;margin:1em 0;color:#222}.markdown-body ul,.markdown-body ol{margin:1em 0 1em 2em;padding-inline-start:1.5em}.markdown-body li{margin-bottom:.5em;line-height:1.7;font-weight:400}.markdown-body strong{color:var(--main-color)}.markdown-body em{color:#007acc}.markdown-body blockquote{border-right:0;border-left:4px solid #d0d7de;padding-inline-start:1em;color:#6a737d;margin:1em 0;background:#f9f9f9}.markdown-body a{color:#007acc;text-decoration:underline}.markdown-body hr{border:none;border-top:2px solid #eee;margin:2em 0}.markdown-body span{color:#e67e22;font-weight:700}.markdown-body button{background:#007acc;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;margin:0 4px;font-size:1em}.markdown-body pre{background:#3a3f49;color:#f8f8f2;padding:1em;border-radius:8px;overflow-x:auto;position:relative;margin:1.5em 0;direction:ltr}.markdown-body code{background:#3a3f49;color:#f8f8f2;padding:.2em .4em;border-radius:4px;font-size:95%;font-family:Poppins;direction:ltr}@media (max-width: 600px){.markdown-body{font-size:.9em;word-break:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.2rem 0 .7rem;font-size:1.2em}.markdown-body ul,.markdown-body ol{margin:.7em 0 .7em 1em}.markdown-body pre{font-size:.95em;padding:.7em;border-radius:6px;margin:1em 0}.markdown-body code{font-size:90%;padding:.15em .3em}.markdown-body blockquote{padding-inline-start:.7em;margin:.7em 0;font-size:.98em}.markdown-body button{font-size:.95em;padding:5px 10px}}.header[data-v-57db0588]{max-width:1300px;margin:0 auto}.nav-header[data-v-57db0588]{display:flex;align-items:center;justify-content:space-between;width:100%}.logo[data-v-57db0588]{width:200px}.nav-toggler[data-v-57db0588]{width:50px;height:50px;border:none;cursor:pointer;border-radius:50%;background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);display:flex;justify-content:center;align-items:center;z-index:1;transition:opacity .3s ease-in-out}.nav-toggler span[data-v-57db0588]{height:2px;width:24px;background-color:var(--main-color);position:relative;transition:background-color .3s ease}.header.active .nav-toggler span[data-v-57db0588]{background-color:transparent}.nav-toggler span[data-v-57db0588]:after,.nav-toggler span[data-v-57db0588]:before{content:"";top:0;width:100%;height:100%;background-color:var(--main-color);position:absolute;transition:all .3s ease}.nav-toggler span[data-v-57db0588]:before{left:0;transform:translateY(-8px)}.header.active .nav-toggler span[data-v-57db0588]:before{transform:rotate(45deg)}.nav-toggler span[data-v-57db0588]:after{right:0;transform:translateY(8px)}.header.active .nav-toggler span[data-v-57db0588]:after{transform:rotate(-45deg)}.header:not(.active) .nav-toggler:hover span[data-v-57db0588]:after,.header:not(.active) .nav-toggler:hover span[data-v-57db0588]:before{width:50%}.nav-inner[data-v-57db0588]{display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-item[data-v-57db0588]{font-size:1.7rem;text-transform:capitalize;color:var(--blue-dark);display:block;font-weight:500;margin-bottom:2rem;transition:color .3s ease;position:relative}.nav-item[data-v-57db0588]:hover{color:var(--main-color)}.nav-item[data-v-57db0588]:before{content:"";width:0%;height:50%;right:0;bottom:0;background-color:var(--white-alpha-25);position:absolute;z-index:-1;transition:width .3s ease}.nav-item[data-v-57db0588]:hover:before{width:100%}@media (max-width: 600px){.logo[data-v-57db0588]{width:120px}.nav-toggler[data-v-57db0588]{width:40px;height:40px}.nav-toggler span[data-v-57db0588]{height:1.5px;width:18px}.nav-toggler span[data-v-57db0588]:before{transform:translateY(-6px)}.nav-toggler span[data-v-57db0588]:after{right:0;transform:translateY(6px)}}.bg-circles[data-v-dcaa9ae8]{position:fixed;top:0;height:100%;max-width:1300px;width:90%;left:50%;transform:translate(-50%)}.bg-circles div[data-v-dcaa9ae8]{position:absolute;border-radius:50%}.bg-circles .circle-1[data-v-dcaa9ae8]{left:30%;top:20%;height:3rem;width:3rem;background-color:#5858cc;opacity:.2;animation:bounceTop 5s ease-in-out infinite}.bg-circles .circle-2[data-v-dcaa9ae8]{left:40%;top:70%;height:4rem;width:4rem;background-color:#e7ade7;opacity:.4;animation:zoomInOut 8s linear infinite}.bg-circles .circle-3[data-v-dcaa9ae8]{height:120px;width:120px;background-color:var(--white);top:40%;right:-60px;opacity:.6;animation:zoomInOut 8s linear infinite}.bg-circles .circle-4[data-v-dcaa9ae8]{height:50px;width:50px;background-color:#f7e0b7;top:90%;left:1rem;opacity:.6;animation:bounceTop 5s ease-in-out infinite}.loader-container[data-v-2b3729d4]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:transparent}.logo[data-v-2b3729d4]{width:200px;animation:pulse-2b3729d4 2s ease-in-out infinite}@keyframes pulse-2b3729d4{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.section-title[data-v-2c2f65c2]{text-align:start;padding:0}.about-text[data-v-2c2f65c2]{padding:1rem 0;font-size:1.2rem;margin-bottom:1rem;width:100%}.about-row[data-v-2c2f65c2]{display:flex;align-items:flex-start;gap:2rem;width:100%}.image[data-v-2c2f65c2]{background-color:var(--white-alpha-25);max-width:300px;border:4px solid var(--white-alpha-40);border-radius:1rem;width:100%}.skills[data-v-2c2f65c2]{display:flex;flex-wrap:wrap}.skill-item[data-v-2c2f65c2]{background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);padding:5px 15px;text-transform:capitalize;margin:0 .8rem .8rem 0;border-radius:1.5rem}.timeline[data-v-2c2f65c2]{position:relative}.timeline[data-v-2c2f65c2]:before{content:"";position:absolute;height:100%;width:1px;top:5px;left:5px;background-color:var(--main-color)}.timeline-item[data-v-2c2f65c2]{margin-bottom:2rem;position:relative;padding:0 0 2rem 2rem}.timeline-item[data-v-2c2f65c2]:before{content:"";position:absolute;height:11px;width:11px;top:5px;left:0;background-color:var(--main-color);border-radius:50%}.timeline-item[data-v-2c2f65c2]:last-child{margin-bottom:0}.timeline-item .date[data-v-2c2f65c2]{display:block;color:var(--main-color);font-weight:400}.timeline-item h4[data-v-2c2f65c2]{font-size:1.2rem;text-transform:capitalize}.timeline-item p[data-v-2c2f65c2]{margin:0 0 .6rem}.timeline-item ul[data-v-2c2f65c2]{list-style:disc;padding-left:1.5rem}.btn[data-v-2c2f65c2]{margin:0 1rem}@media (max-width: 767px){.about-row[data-v-2c2f65c2]{flex-direction:column;align-items:center;gap:1rem}.image[data-v-2c2f65c2]{width:200px}.about-text[data-v-2c2f65c2]{font-size:1rem}.skill-item[data-v-2c2f65c2]{padding:5px 10px;margin:0 8px 8px 0}.timeline-item[data-v-2c2f65c2]{margin-bottom:1rem;position:relative;padding:0 0 1rem 1rem}}.wrapper[data-v-e67e3be0],.home-section[data-v-e67e3be0]{display:flex;align-items:center}.wrapper[data-v-e67e3be0]{flex-direction:column}.home-section[data-v-e67e3be0]{height:600px;justify-content:space-between;width:100%}.home-text[data-v-e67e3be0]{width:50%}.home-text p[data-v-e67e3be0]{font-size:1.5rem}.home-text h1[data-v-e67e3be0]{font-size:2rem;cursor:pointer;color:var(--main-color);text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #fff}.home-text h2[data-v-e67e3be0]{font-size:1.5rem;text-transform:capitalize;font-weight:300;margin:0 0 2rem}.img-box[data-v-e67e3be0]{width:360px;height:360px;object-fit:cover;object-position:center top;background-color:var(--white-alpha-25);border-radius:50%;border:8px solid var(--white-alpha-25);margin:auto}.btns[data-v-e67e3be0]{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem}@media (max-width: 900px){.home-section[data-v-e67e3be0]{flex-direction:column-reverse;justify-content:center;align-items:center;gap:2rem}.home-text[data-v-e67e3be0]{text-align:center;width:100%}.img-box[data-v-e67e3be0]{width:200px;height:200px;margin:0}.btns[data-v-e67e3be0]{justify-content:center}}.nav-toggler[data-v-40351aae]{position:absolute;right:-10px;top:-10px;width:50px;height:50px;border:none;cursor:pointer;border-radius:50%;background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);display:flex;justify-content:center;align-items:center;margin:1rem;z-index:1;transition:opacity .3s ease-in-out}.nav-toggler span[data-v-40351aae]{height:2px;width:24px;position:relative;transition:background-color .3s ease}.nav-toggler span[data-v-40351aae]:after,.nav-toggler span[data-v-40351aae]:before{content:"";top:0;width:100%;height:100%;background-color:var(--main-color);position:absolute;transition:all .3s ease}.nav-toggler span[data-v-40351aae]:before{left:0;transform:rotate(45deg)}.nav-toggler span[data-v-40351aae]:after{right:0;transform:translateY(8px)}.nav-toggler span[data-v-40351aae]:after{transform:rotate(-45deg)}@media (max-width: 600px){.nav-toggler[data-v-40351aae]{width:40px;height:40px}.nav-toggler span[data-v-40351aae]{height:1.5px;width:18px}}.project-details[data-v-e4e75308]{padding:4.5rem 1.5rem}.portfolio-item-thumbnail img[data-v-e4e75308]{border-radius:1rem;width:100%;max-height:600px;height:20%;object-fit:cover}.description[data-v-e4e75308]{margin-bottom:1rem}.general-info li[data-v-e4e75308]{list-style:none;margin-bottom:.8rem;font-weight:500;text-transform:capitalize}.general-info li span[data-v-e4e75308]{font-weight:300}.btns-container[data-v-e4e75308]{display:flex;gap:1rem;align-items:center}@media (max-width: 600px){.project-details[data-v-e4e75308]{padding:3.5rem 1rem}.btns-container[data-v-e4e75308]{justify-content:space-between}}