:root{--code-font:"Fira Code","JetBrains Mono","Source Code Pro",Menlo,Monaco,"Courier New",monospace;--drawer-w:clamp(300px,38vw,700px);--hamburger-w:clamp(40px,5.2vw,64px);--hamburger-h:clamp(32px,4.2vw,56px);--hamburger-line-h:clamp(3px,0.36vw,6px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--code-font);overflow:hidden}#root,.app{height:100vh;width:100vw}.app{align-items:center;background-color:#272626;background-image:url(/static/media/Omar.4c3b80a053e4e3028244.jpg),linear-gradient(90deg,#c7c7c7,#262525);background-position:100%,50%;background-repeat:no-repeat,no-repeat;background-size:40% auto,cover;display:flex;filter:grayscale(40%) contrast(110%);flex-direction:column;justify-content:center;overflow:hidden;position:relative}.bg-right{background-color:#737373;bottom:0;filter:saturate(.9) grayscale(2) brightness(.9);-webkit-mask-image:linear-gradient(-90deg,#0000,#00000040 40%,#000);mask-image:linear-gradient(-90deg,#0000,#00000040 40%,#000);position:absolute;right:0;top:0;transform:scale(1);width:40%;z-index:1}.app:before{background:radial-gradient(ellipse 50vw 25vw at 20% 10%,#ffffff1a 0,#ffffff0d 30%,#0000 70%)}.app:after,.app:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.app:after{background:radial-gradient(ellipse 25vw 12.5vw at 80% 20%,#0000001a 0,#0000 50%)}.title{left:50%;position:absolute;top:2vw;transform:translateX(-50%);z-index:10}.title h1{color:#363333;font-size:10dvw;font-weight:700;letter-spacing:3px;margin:0;text-shadow:4px 4px 8px rgba(33,124,230,.499)}.letters-container{align-items:center;display:flex;gap:10.8vw;height:100%;justify-content:center;margin-top:7.3vw;position:relative;width:100%;z-index:2}.letter-o{-webkit-backdrop-filter:blur(.4vw);backdrop-filter:blur(.4vw);background:#ffffff42;height:95%;max-height:80vw;max-width:80vw;width:40%}.letter-o,.o-inner{align-items:center;border-radius:50%;display:flex;justify-content:center;position:relative}.light-glow,.o-inner{height:100%;width:100%}.light-glow{background:radial-gradient(circle at 20% 10%,#ffffff59,#fff0 70%);border-radius:50%;left:0;mix-blend-mode:screen;opacity:.7;pointer-events:none;position:absolute;top:0;transform:translateZ(40px);transition:opacity .3s ease}.letter-o:hover .light-glow{opacity:1}.letter-h{height:90%;position:relative;width:30%}.h-left-line{left:0}.h-left-line,.h-right-line{background:#999696;border-radius:3px;bottom:0;position:absolute;top:0;width:3vw;z-index:1}.h-right-line{right:0}.h-horizontal-line{border-radius:3px;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1}.h-button,.h-horizontal-line{background:#999696;height:3vw;position:absolute}.h-button{align-items:center;border-radius:.5vw;color:rgba(1,1,1,.634);cursor:pointer;display:flex;font-size:.9dvw;font-weight:700;justify-content:center;width:6vw;z-index:3}.h-indicator{background:rgba(33,124,230,.599);border-radius:.7vw;box-shadow:0 .2vw .3vw rgba(33,124,230,.599);height:3vw;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left .45s cubic-bezier(.22,.9,.32,1),top .45s cubic-bezier(.22,.9,.32,1),opacity .3s ease;width:6vw;z-index:4}.h-button.active,.h-button:hover{background:rgba(33,124,230,.999);color:#fff}@keyframes naturalShadowbutton{0%{scale:1}25%{scale:1.02}50%{scale:1.05}75%{scale:1.02}to{scale:1}}.top-left{left:-1.5vw;top:0}.top-right{right:-1.5vw;top:0}.middle-left{left:0}.middle-left,.middle-right{top:50%;transform:translateY(-50%)}.middle-right{right:0}.middle-middle{right:50%;top:50%;transform:translateY(-50%) translateX(50%)}.bottom-left{bottom:0;left:-1.5vw}.bottom-right{bottom:0;right:-1.5vw}.app .overlay-right{background:linear-gradient(90deg,#fff0,#ffffff0f);bottom:0;pointer-events:none;position:absolute;right:0;top:0;width:50%;z-index:2}.o-card{color:#161616;margin:2vw auto auto;max-height:40vw;overflow-x:hidden;overflow-y:auto;padding:2vw;text-align:center;width:70%}.o-card h2{border-bottom:.15vw solid rgba(33,124,230,.599);color:rgba(33,124,230,.599);font-size:1.4vw;margin-bottom:.8vw;position:fixed;right:50%;text-transform:uppercase;top:2.5vw;transform:translate(50%,-50%)}.o-card-body{font-size:.9vw;margin-bottom:1.2vw;opacity:.9;text-align:left}.know-more{background:#ffffff0f;border:none;border-radius:.6vw;color:#010101db;cursor:pointer;justify-self:center;margin:2vw;padding:.6vw 1.2vw}.info-popup,.know-more{align-items:center;display:flex}.info-popup{background:#636363e6;border-radius:50%;color:#fff;height:0;justify-content:center;left:50%;opacity:0;pointer-events:none;position:fixed;top:50%;transition:width .36s ease,height .36s ease,transform .36s cubic-bezier(.22,.9,.32,1),opacity .2s ease;width:0;z-index:100}.info-popup.open{height:42vw;opacity:1;pointer-events:auto;transform:translate(-50%,-50%);width:42vw}.info-inner{height:90%;overflow:auto;padding:2vw;width:50%}.info-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2vw;position:absolute;right:1.2vw;top:1.2vw}.row{border-left:.2vw solid rgba(33,124,230,.599);margin-bottom:.3vw;padding-left:1vw}.row h3{color:rgba(33,124,230,.599);font-size:1.7vw;font-weight:600;margin:0}.row .company{color:#161616;font-size:1.2vw;margin:.2vw 0;opacity:.85}.row .date{color:#161616;font-size:1vw}.skills-grid{display:flex;flex-wrap:wrap;gap:2vw;justify-content:center}.skills-grid svg{color:#e8e8e8;font-size:3vw;transition:transform .3s ease,color .3s ease}.skills-grid svg:hover{color:rgba(33,124,230,.599)}.email-link{color:#161616;font-size:.9vw;margin:.2vw 0;opacity:.85}.project-image{border-radius:1vw;height:4vw;width:4vw;z-index:22}.project-image:hover{cursor:pointer;transform:scale(1.1);transition:transform .3s ease}.project-item{border-radius:1vw;height:4vw;position:relative;width:4vw}@media (max-width:500px){.title h1{font-size:1dvw}.letter-o{height:95%;width:50%}.letters-container{height:100vh;width:100vh}.letter-h{height:50%;position:relative;width:30%}.row h3{font-size:1.92vw;font-weight:600}.row .company{font-size:1.9vw;margin:.2vw 0}.row .date{font-size:1.7vw}.know-more{align-items:center;background:#ffffff0f;border:none;border-radius:.6vw;color:#fff;cursor:pointer;display:flex;font-size:small;justify-self:center;margin:2vw;padding:.6vw 1.2vw}.o-card h2{font-size:3.4vw;margin-top:5vw}.o-card-body{font-size:1.9vw}}.mobile-backdrop{background:#00000075;inset:0;opacity:1;position:fixed;z-index:110}.mobile-drawer{background:linear-gradient(90deg,#515050fa,#999696fa);height:100vh;max-width:94%;padding:3.2vw 2.6vw;position:fixed;right:0;top:0;width:58vw;z-index:115}.mobile-hamburger{align-items:center;background:#0000;border:none;color:#fffffff2;cursor:pointer;display:none;height:var(--hamburger-h);justify-content:center;padding:0;position:fixed;right:2.4vw;top:2.4vw;width:var(--hamburger-w);z-index:120}.mobile-hamburger:focus{outline:.28vw solid #217ce62e;outline-offset:.6vw}.mobile-hamburger svg{height:100%;transition:transform .5s cubic-bezier(.22,.9,.32,1);width:100%}[data-state=open] .mobile-hamburger svg{transform:rotate(90deg)}.drawer-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:clamp(20px,3.2vw,36px);left:2.2vw;line-height:1;position:absolute;top:2.2vw}.drawer-close:focus{outline:.28vw solid #217ce62e;outline-offset:.6vw}.drawer-nav{box-sizing:border-box;display:flex;flex-direction:column;gap:1.2vw;padding:8vw 3vw 4vw;width:100%}.drawer-nav-btn{background:#0000;border:none;border-radius:.8vw;color:#fffffff2;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:2vw 2.4vw;position:relative;text-align:center;transition:all .22s cubic-bezier(.22,.9,.32,1);white-space:nowrap;width:100%;z-index:116}.drawer-nav-btn:hover{background:#ffffff1f;transform:translateX(.6vw)}.drawer-nav-btn:active{transform:scale(.98)}.drawer-nav-btn.active{border-bottom:.2vw solid #217ce6f2;color:#217ce6f2;font-weight:700}.drawer-h-wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100%;padding:4vw 2.6vw;width:100%}.drawer-h-wrapper .letter-h{align-items:center;display:flex;height:70vh;justify-content:space-between;margin:0 auto;max-width:300px;position:relative;width:100%;z-index:10}.drawer-h-wrapper .letter-h .h-left-line,.drawer-h-wrapper .letter-h .h-right-line{align-items:center;display:flex;flex-direction:column;gap:0;height:100%;justify-content:space-around;position:relative;width:20%}.drawer-h-wrapper .letter-h .h-horizontal-line{align-items:center;display:flex;height:auto;justify-content:center;position:relative;width:50%}.drawer-h-wrapper .h-button{align-items:center;background:#999696;border:none;border-radius:50%;box-sizing:border-box;color:#010101a3;cursor:pointer;display:flex;font-size:.8rem;height:50px;justify-content:center;min-height:50px;min-width:50px;overflow:hidden;padding:4px;position:relative!important;text-align:center;transition:transform .18s ease,background .18s ease;white-space:nowrap;width:50px;z-index:4}.drawer-h-wrapper .h-button:hover{transform:scale(1.08)}.drawer-h-wrapper .h-button.active{background:#217ce6f2;color:#fff}@media (max-width:420px){.drawer-h-wrapper .letter-h{height:72vh;max-width:280px}.drawer-h-wrapper .h-button{font-size:.75rem;height:44px;min-height:44px;min-width:44px;width:44px}.drawer-h-wrapper .letter-h .h-left-line,.drawer-h-wrapper .letter-h .h-right-line{gap:0}}[data-radix-dialog-overlay]{animation:fadeIn .5s ease;background:#00000075;inset:0;position:fixed;z-index:110}@keyframes fadeIn{0%{background:#0000;opacity:0}to{background:#00000075;opacity:1}}[data-radix-dialog-content]{-webkit-overflow-scrolling:touch;animation:slideIn .5s cubic-bezier(.22,.9,.32,1);background:linear-gradient(180deg,#121212fa,#0c0c0cfa);box-shadow:-1.6vw 0 3.6vw #0009;display:flex;flex-direction:column;height:100vh;max-width:94%;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:0;top:0;width:var(--drawer-w);z-index:115}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:800px){.mobile-hamburger{display:flex}.letter-h{display:none}.drawer-h-wrapper .letter-h{height:auto;max-width:86%;transform:none}}@media (prefers-reduced-motion:reduce){.drawer-h-wrapper .h-button,.mobile-backdrop,.mobile-drawer,.mobile-hamburger .hamburger-line{animation:none!important;transition:none!important}}.download-cv{align-items:center;background:rgba(33,124,230,.999);border:none;border-radius:.6vw;color:#fff;cursor:pointer;display:flex;justify-self:center;margin:2vw;padding:.6vw 1.2vw}
/*# sourceMappingURL=main.258a175e.css.map*/