*{font-family:var(--font-hilmar),sans-serif;margin:0;padding:0}::-webkit-scrollbar{width:0;display:none}:root{--sidebar-width:10rem;--navbar-height:4rem;--color-primary:#ff705d;--color-primary-hover:#d5def8;--color-bg:#fbf1f1;--color-surface:#f5f5f5;--color-text-primary:#2c2e2a;--color-text-secondary:#dadada;--color-border:#e0e0e0;--secondary-color:#ff8c20}[data-theme=dark]{--color-primary:#33b3ff;--color-primary-hover:#1aa3f5;--color-bg:#0e1115;--color-surface:#1a1a1a;--color-text-primary:#ededed;--color-text-secondary:#bdbdbd;--color-border:#4e4e4e;--secondary-color:#cc6c12}::selection{background:var(--color-primary);color:#101010}::-moz-selection{background:var(--selection);color:#fff}[data-theme=dark] ::selection{color:var(--color-text-primary)!important}[data-section=default]{--color-bg:#e9f2f5;--color-primary:#2093ff}[data-theme=dark][data-section=default]{--color-bg:#131313;--color-primary:#034183}[data-section=notopia]{--color-bg:#f1f6fb;--color-primary:#2093ff}[data-theme=dark][data-section=notopia]{--color-bg:#002b5f;--color-primary:#0558be}[data-section=caterfy]{--color-bg:#f9f1fb;--color-primary:#e45bff}[data-theme=dark][data-section=caterfy]{--color-bg:#f6f2fb;--color-primary:#a874ff}html{scrollbar-gutter:stable}html[mobile-menu-open="1"]{overflow:hidden!important}html[lang=ar] *{direction:right;text-align:right}body{background-color:var(--color-bg);color:var(--foreground);transition:background-color .9s,color .9s}button{background-color:var(--color-bg);border:none;outline:none;padding:.2rem}button,a,div{-webkit-tap-highlight-color:transparent}.border-radius-btn{border-radius:.6rem}html[lang=ar] .lang-flip{transform:scaleX(-1)}main{background:var(--color-primary);transition:all .5s;overflow:hidden}.svg-path{pointer-events:none;z-index:-1;width:100%;position:absolute;top:25vh;left:0}.svg-path svg{width:100%;height:100%}section{min-height:50rem;color:var(--color-text-primary);box-sizing:border-box;font-size:3rem;font-weight:500;transition:color .5s;padding:1rem clamp(.5rem,7vw,5rem)!important;padding-inline-start:calc(var(--sidebar-width) + clamp(.5rem,7vw,5rem))!important}section>*{transition:color .5s}.svg-path svg path{transition:stroke .5s}.home{pointer-events:all;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding-top:1rem;padding-bottom:3rem;display:flex;position:relative}.home ::selection{background-color:var(--color-bg);color:var(--color-primary)}.home-btns{justify-content:center;align-items:center;gap:.8rem;margin-top:clamp(1rem,5vw,3rem);display:flex}.home-btns path{stroke:#ff705d}.home-btns>*{flex-shrink:0}.panel{box-sizing:border-box;width:100%;min-height:100dvh;position:relative}.panel-inner{width:100%;height:100%}.panel-home{height:100dvh;margin-bottom:7rem}.panel-home .panel-inner{height:100dvh}.panel-content{z-index:2;background:var(--color-bg);border-top-left-radius:clamp(2.1875rem,4vw,3.5rem);border-top-right-radius:clamp(2.1875rem,4vw,3.5rem);min-height:100dvh;transition:color .5s,background-color .5s}.panel-content .panel-inner{height:auto;overflow:visible}.animated-burst>path{transition:fill .5s}.about-text-wrapper{flex-direction:column;gap:3rem;font-size:1.88rem;display:flex}.about-point{gap:clamp(.5rem,3vw,1.5rem);font-size:clamp(1.2rem,4vw,1.875rem);display:flex}.about-point svg{width:clamp(25px,5vw,40px);height:clamp(25px,5vw,40px)}#about{padding-top:clamp(4rem,10vw,6rem)!important;padding-bottom:10rem!important}#skills{flex-direction:column;justify-content:center;margin-inline-start:var(--sidebar-width);display:flex;overflow:hidden;padding:0 15%!important}.skill-point{white-space:nowrap}.colored-card{border-top:1px solid var(--color-border);background-color:var(--color-bg);height:52rem;margin-bottom:50px;padding-top:15px;font-size:1.5rem}main>:nth-child(2){margin:0!important}.home-links-wrapper{top:0;width:fit-content;color:var(--color-text-primary);gap:.7rem;padding:clamp(1rem,1vw,2rem) clamp(1rem,1vw,2rem) .5rem;font-size:1.3rem;display:flex;position:absolute;inset-inline-end:.5rem;transform:translateY(-100%)}.home-link{will-change:transform;transition:transform .2s}.home-link:hover{transform:scale(1.07)}#contact{background-color:#50fc98;border-radius:clamp(2.1875rem,4vw,3.5rem);padding-left:0;padding-right:0;position:relative;padding-bottom:0!important}.contact{box-sizing:border-box;justify-content:center;align-items:center;gap:15%;margin-bottom:0;padding:7rem;display:flex;padding-bottom:0!important}@media (max-width:1114px){:root{--sidebar-width:0rem}}input{box-sizing:border-box;background-color:#f2f5f8;border:none;border-radius:1rem;outline:none;width:100%;padding:1rem;font-size:1.05rem}textarea{border:none;border-bottom:1px solid var(--color-bg);box-sizing:border-box;resize:none;background-color:#f2f5f8;border-radius:1rem;outline:none;width:100%;padding:1rem;font-size:1.05rem}.input-wrapper{flex-direction:column;flex:0;gap:.5rem;width:100%;font-size:1rem;display:flex}.input-wrapper label{padding-left:.6rem;font-weight:100}.table-phone{display:flex}.contact-box{opacity:0;background-color:#0000;border-radius:1.2rem;flex-direction:column;align-items:start;gap:1.4rem;min-width:24rem;max-width:25rem;padding:2.5rem 2.4rem 2rem;display:flex;position:relative}.contact-box-wrapper{position:relative}.cb-layer-2{will-change:transform;z-index:0;background-color:#fff;border-radius:1.2rem;width:100%;height:100%;position:absolute;inset:0}.cb-layer-1{will-change:transform;z-index:0;background-color:#ff705c;border-radius:1.2rem;width:100%;height:100%;position:absolute;inset:0}.about-container{align-items:center;gap:4rem;margin-top:3rem;display:flex}#projects{flex-direction:column;gap:2rem;display:flex}.projects-container{flex-wrap:wrap;gap:2rem;display:flex}@media (max-width:1660px){.about-container{flex-direction:column}.about-img{width:100%}}@media (max-width:1500px){#skills{padding:0 10%!important}}@media (max-width:1300px){#skills{padding:0 8%!important}.skill-img{width:300px;height:200px}}@media (max-width:1000px){.skill-img{width:300px;height:200px}#skills{padding-left:3rem!important;padding-right:3rem!important}}@media (max-width:925px){#skills{padding-left:2rem!important;padding-right:2rem!important}}@media (max-width:875px){.skill-img{width:250px;height:150px}}@media (max-width:660px){.card-content{flex-direction:column;align-items:flex-start!important}.skill-img{margin:2rem auto 0}}@media (max-width:510px){#skills{padding-left:1.2rem!important;padding-right:1.2rem!important}}@media (max-width:450px){.skill-point{white-space:unset}}
@font-face{font-family:hilmar;src:url(../media/Hilmar_Regular-s.p.06d88507.otf)format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:hilmar;src:url(../media/Hilmar_Medium-s.p.7c0eec60.otf)format("opentype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:hilmar;src:url(../media/Hilmar_Bold-s.p.042fbb09.otf)format("opentype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:hilmar Fallback;src:local(Arial);ascent-override:71.22%;descent-override:18.99%;line-gap-override:18.99%;size-adjust:105.31%}.hilmar_d8ab6836-module__f6evEq__className{font-family:hilmar,hilmar Fallback}.hilmar_d8ab6836-module__f6evEq__variable{--font-hilmar:"hilmar","hilmar Fallback"}