:root{--code-font:"Fira Code","JetBrains Mono","Source Code Pro",Menlo,Monaco,"Courier New",monospace}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:#272626;font-size:10dvw;font-weight:700;letter-spacing:3px;margin:0;text-shadow:4px 4px 8px rgba(33,124,230,.599)}.letters-container{gap:10.8vw;height:100%;margin-top:7.3vw;width:100%;z-index:2}.letter-o,.letters-container{align-items:center;display:flex;justify-content:center;position:relative}.letter-o{-webkit-backdrop-filter:blur(.4vw);backdrop-filter:blur(.4vw);background:#ffffff0f;border:2vw solid #272626;border-radius:50%;box-shadow:4px 4px 8px rgba(33,124,230,.599);height:95%;max-height:80vw;max-width:80vw;width:40%}.letter-h{height:90%;position:relative;width:30%}.h-left-line{left:0}.h-left-line,.h-right-line{background:#272626;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:#272626;height:3vw;position:absolute}.h-button{align-items:center;border:1px solid rgba(33,124,230,.599);border-radius:.5vw;color:#fff;cursor:pointer;display:flex;font-size:.7dvw;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: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:#272626;border:none;border-radius:.6vw;cursor:pointer;justify-self:center;margin:2vw;padding:.6vw 1.2vw}.info-popup,.know-more{align-items:center;color:#fff;display:flex}.info-popup{background:#636363e6;border-radius:50%;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%}.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:#272626;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}}
/*# sourceMappingURL=main.5a529bec.css.map*/