@import"https://fonts.googleapis.com/css2?family=Tajawal&display=swap";.banner{width:100%;height:2rem;cursor:pointer;box-shadow:.3rem 0 .5rem #000;background-color:#f6f3fd;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.banner .email,.banner .getCode,.banner .hireme{color:#082d5cd7;font-weight:600;text-align:center;text-decoration:none}.banner .email:hover,.banner .getCode:hover,.banner .hireme:hover{color:#0d866cd7}@media screen and (max-width: 570px){.banner .getCode{width:100%;text-align:center}.banner .email,.banner .hireme{display:none}}.section{width:100%;height:100%;display:flex;flex-direction:column;color:#89bdee}.section .section-divider{width:90%;margin:2rem 0;align-self:center;box-shadow:0 0 .3rem #acacffc5;height:.1rem;background-image:linear-gradient(to left,rgba(157,224,255,.6235294118),rgba(232,174,255,.6039215686),rgba(255,157,157,.6431372549))}.section .profile-container{width:100%;height:100%;position:relative}.section .profile-container .center{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:1rem 1rem 2rem;margin:3rem 0 2rem;column-gap:1rem}.section .profile-container .center .left,.section .profile-container .center .right{width:50%;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:Tajawal,sans-serif}.section .profile-container .center .left{row-gap:.7rem}.section .profile-container .center .left .icons{display:flex;justify-content:center;align-items:center;column-gap:1rem;font-size:2rem}.section .profile-container .center .left .icons a{color:#6495ed;list-style:none;filter:drop-shadow(0 0 .5rem rgb(13,1,32));transition:all .2s ease-in-out}.section .profile-container .center .left .icons a:hover{scale:1.05;color:#cda8ff}.section .profile-container .center .left .prof-intro{color:coral;font-size:x-large;font-weight:400;text-shadow:0 0 .2rem #985ae9}.section .profile-container .center .left .prof-intro span{color:#985ae9;font-weight:600}.section .profile-container .center .left .typer{min-height:2rem;font-size:medium}.section .profile-container .center .left .about-note{font-size:1.2rem;color:#ffc0a2;text-shadow:0 0 .3rem rgb(126,11,155)}.section .profile-container .center .left .profile-btn{width:100%;display:flex;justify-content:center;align-items:center;column-gap:3rem}.section .profile-container .center .left .profile-btn .btn{margin:1rem 0;padding:.4rem 1rem;box-shadow:0 0 .3rem #cda8ff;background-color:#a444db;font-size:1.2rem;border-radius:.2rem;font-weight:400;text-decoration:none;color:#fff;border:none;transition:all .3s ease-in-out}.section .profile-container .center .left .profile-btn .btn:hover{scale:1.05;background-color:#d264ed}.section .profile-container .center .left .profile-btn .btn:nth-child(2){background-color:#6495ed;box-shadow:0 0 .3rem #52abff}.section .profile-container .center .left .profile-btn .btn:nth-child(2):hover{background-color:#4e44db}.section .profile-container .center .right .profile-img{width:65%;pointer-events:none;-webkit-user-drag:none;opacity:.8;animation:profileImg 3s linear alternate infinite}@keyframes profileImg{0%{scale:1}to{scale:1.05}}.section .profile-container .signature{position:absolute;-webkit-user-drag:none;user-select:none;right:2rem;bottom:-1.5rem;margin-bottom:1rem;width:150px}.section .service-container{display:flex;width:100%;height:100%;justify-content:flex-start;align-items:center;column-gap:1rem;row-gap:2rem;flex-direction:column;padding:2rem}.section .service-container .top{width:100%;display:flex;color:#7fffd4;text-align:center;justify-content:flex-start;align-items:center;filter:drop-shadow(0 0 .2rem rgba(161,35,161,.897));font-size:larger;flex-direction:column}.section .service-container .top span{color:#fd8154}.section .service-container .top .divider-head{margin-top:1rem;width:20%;height:.1rem;position:relative;display:flex;justify-content:center;align-items:center;background-color:#edd}.section .service-container .top .divider-head:before{position:absolute;content:"";width:4rem;background-color:coral;height:.5rem;border-radius:.2rem;margin-left:-3rem;animation:head-bar 1s linear alternate infinite}@keyframes head-bar{0%{margin-left:-3rem}to{margin-left:2rem}}.section .service-container .center{width:99%;height:100%;display:flex;justify-content:center;align-items:center;margin:1rem 0rem}.section .service-container .center .servicescards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:2rem;row-gap:2rem}.section .service-container .center .servicescards .card{width:16rem;height:18rem;display:flex;flex-direction:column;transition:all .3s ease-in-out;row-gap:.5rem;padding:1rem;justify-content:center;border-radius:.5rem;background-color:#0b1861a1;color:#6495ed;box-shadow:0 0 1rem #2c2c2c9c;position:relative}.section .service-container .center .servicescards .card .icon{font-size:2rem;background-image:linear-gradient(to left,#9de0ff,#e8aeff,#ff9d9d);width:50px;height:50px;display:flex;justify-content:center;align-items:center;padding:.2rem;color:#0b4c97;clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%)}.section .service-container .center .servicescards .card h1{font-size:1.8rem;font-weight:bolder;width:fit-content;background-color:#78b1f3;background-image:linear-gradient(to left,#9de0ff,#e8aeff,#ff9d9d);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.section .service-container .center .servicescards .card p{font-size:1.2rem;color:#84cef0e7}.section .service-container .center .servicescards .card:hover{transform:translateY(-5%)}.section .contact-container{display:flex;width:100%;height:100%;justify-content:flex-start;align-items:center;column-gap:1rem;row-gap:2rem;flex-direction:column;padding:2rem}.section .contact-container .top{width:100%;display:flex;color:#7fffd4;text-align:center;justify-content:flex-start;align-items:center;filter:drop-shadow(0 0 .2rem rgba(161,35,161,.897));font-size:larger;flex-direction:column}.section .contact-container .top span{color:#fd8154}.section .contact-container .top .divider-head{margin-top:1rem;width:20%;height:.1rem;position:relative;display:flex;justify-content:center;align-items:center;background-color:#edd}.section .contact-container .top .divider-head:before{position:absolute;content:"";width:4rem;background-color:coral;height:.5rem;border-radius:.2rem;margin-left:-3rem;animation:head-bar 1s linear alternate infinite}@keyframes head-bar{0%{margin-left:-3rem}to{margin-left:2rem}}.section .contact-container .center{width:80%;height:60%;display:flex;justify-content:center;align-items:center;color:#d3c9c9;column-gap:1.5rem;row-gap:1.5rem;margin:1rem 0rem;padding:.2rem}.section .contact-container .center .left,.section .contact-container .center .right{width:50%;display:flex;height:100%}.section .contact-container .center .left{flex-direction:column;row-gap:1rem}.section .contact-container .center .left .contact-request{font-size:1.25rem;font-weight:600}.section .contact-container .center .left .contact-request.itallic{font-style:italic;font-weight:400}.section .contact-container .center .left .icons{display:flex;justify-content:center;align-items:center;column-gap:1rem;font-size:1.7rem}.section .contact-container .center .left .icons a{color:#92b8ff;list-style:none;filter:drop-shadow(0 0 .5rem rgb(13,1,32));transition:all .2s ease-in-out}.section .contact-container .center .left .icons a:hover{scale:1.05;color:#f1bbff}.section .contact-container .center .left .form{display:flex;width:100%;flex-direction:column;row-gap:.7rem}.section .contact-container .center .left .form .form-title{font-size:1.6rem;font-weight:600}.section .contact-container .center .left .form .form-container{width:100%;display:flex;row-gap:1rem;flex-direction:column}.section .contact-container .center .left .form .form-container .form-field{width:80%;display:flex;flex-direction:column;row-gap:.2rem}.section .contact-container .center .left .form .form-container .form-field label{font-size:1.2rem;font-weight:600}.section .contact-container .center .left .form .form-container .form-field input,.section .contact-container .center .left .form .form-container .form-field textarea{padding:.3rem .5rem;font-size:1rem;border-radius:.3rem;outline:none;background-color:#faf2ffc5;border:2px solid #447fff}.section .contact-container .center .left .form .form-container .form-field textarea{resize:none;height:6rem}.section .contact-container .center .left .form .form-container .form-btn{width:80%;display:flex;justify-content:center;align-items:center}.section .contact-container .center .left .form .form-container .form-btn .btn{padding:.4rem 1rem;background-color:#447fff;color:#fff;border-radius:.3rem;border:none;transition:all .3s ease-in-out;font-size:1.1rem;box-shadow:0 0 1rem #1a1a1ac4}.section .contact-container .center .left .form .form-container .form-btn .btn:hover{background-color:#8447d3;color:#fff}.section .contact-container .center .right{justify-content:center;align-items:center}.section .contact-container .center .right img{width:90%;pointer-events:none;user-select:none;filter:drop-shadow(0 0 .8em rgba(58,59,104,.945))}@media screen and (max-width: 920px){.section .contact-container .top .divider-head{width:35%}.section .contact-container .center{width:90%;font-size:small}}@media screen and (max-width: 750px){.section .contact-container{padding:1.2rem}.section .contact-container .center{width:100%}}@media screen and (max-width: 680px){.section .contact-container{padding:1rem}.section .contact-container .top .divider-head{width:45%}.section .contact-container .center{flex-direction:column-reverse}.section .contact-container .center .right{width:90%}.section .contact-container .center .left{width:90%;justify-content:center;text-align:center;align-items:center}.section .contact-container .center .left .form .form-container{justify-content:center;align-items:center}}@media screen and (max-width: 380px){.section .contact-container{padding:.5rem}.section .contact-container .top .divider-head{width:50%}.section .contact-container .center .right,.section .contact-container .center .left,.section .contact-container .center .left .form .form-container .form-field{width:100%}}.section .footer-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center;row-gap:1rem;text-align:center;flex-direction:column;padding:2rem}.section .footer-container .navlink{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem}.section .footer-container .navlink h3{text-decoration:none;font-size:1.1rem;font-weight:500;cursor:pointer;color:#ffa7a7;transition:all .3s ease-in-out}.section .footer-container .navlink h3:hover{color:#6ad3fc}.section .footer-container .navtext{font-size:larger}.section .footer-container .icons{display:flex;justify-content:center;align-items:center;column-gap:1rem;font-size:1.7rem}.section .footer-container .icons a{color:#92b8ff;list-style:none;filter:drop-shadow(0 0 .5rem rgb(13,1,32));transition:all .2s ease-in-out}.section .footer-container .icons a:hover{scale:1.05;color:#f1bbff}.section .about-container{display:flex;width:100%;height:100%;justify-content:flex-start;align-items:center;column-gap:1rem;row-gap:2rem;flex-direction:column;padding:2rem}.section .about-container .top{width:100%;display:flex;color:#7fffd4;text-align:center;justify-content:flex-start;align-items:center;filter:drop-shadow(0 0 .2rem rgba(161,35,161,.897));font-size:larger;flex-direction:column}.section .about-container .top span{color:#fd8154}.section .about-container .top .divider-head{margin-top:1rem;width:20%;height:.1rem;position:relative;display:flex;justify-content:center;align-items:center;background-color:#edd}.section .about-container .top .divider-head:before{position:absolute;content:"";width:4rem;background-color:coral;height:.5rem;border-radius:.2rem;margin-left:-3rem;animation:head-bar 1s linear alternate infinite}@keyframes head-bar{0%{margin-left:-3rem}to{margin-left:2rem}}.section .about-container .center{width:80%;height:60%;display:grid;place-items:center;overflow:hidden;margin:1rem 0rem;padding:.2rem;background:transparent;backdrop-filter:blur(10px);position:relative}.section .about-container .center .inner{background-color:#00183d;width:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 1rem inset #00070e;height:100%}.section .about-container .center .inner .left{height:100%;width:35%;opacity:.85;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(/assets/aboutme.83e05d3d.jpg)}.section .about-container .center .inner .right{width:65%;padding:2rem 1rem;height:100%;color:#00c3ff}.section .about-container .center .inner .right h2{font-size:2rem;font-weight:400;display:flex;justify-content:center;align-items:center}.section .about-container .center .inner .right h2 span{animation:handshake .5s linear alternate-reverse infinite}@keyframes handshake{75%{rotate:10deg}to{rotate:0deg}}.section .about-container .center .inner .right p{color:#25f3fadc;font-size:1.1rem}.section .about-container .center:before,.section .about-container .center:after{content:"";z-index:-1;position:absolute;width:1500px;height:1500px;background-image:conic-gradient(transparent,transparent,rgba(1,247,165,.6),#00ffad);animation:rotate 5s linear infinite}.section .about-container .center:before{animation:rotate 3s -1.5s linear infinite;background-image:conic-gradient(transparent,transparent,rgba(67,195,255,.6),rgb(83,201,255))}@keyframes rotate{to{transform:rotate(360deg)}}@media screen and (max-width: 560px){.section .profile-container .center .left,.section .profile-container .center .right{padding:.5rem;width:100%}.section .profile-container .center .left .profile-btn{column-gap:.7rem}.section .profile-container .center .left .profile-btn .btn{font-size:1rem}.section .profile-container .center .right{padding:0}.section .profile-container .center .right .profile-img{width:70%}}@media screen and (max-width: 760px){.section .profile-container .center{flex-direction:column-reverse;row-gap:2rem}.section .profile-container .center .left,.section .profile-container .center .right{padding:1rem;width:100%}.section .profile-container .center .right{padding:0}.section .profile-container .center .right .profile-img{width:70%}.section .profile-container .about-container{padding:1.2rem}.section .profile-container .about-container .center{width:100%}}@media screen and (max-width: 650px){.section .about-container{padding:.5rem}.section .about-container .top .divider-head{width:45%}.section .about-container .center{width:100%}.section .about-container .center .inner{flex-direction:column}.section .about-container .center .inner .left,.section .about-container .center .inner .right{width:100%;height:100%}.section .about-container .center .inner .left{min-height:20rem}}.resume-container{display:flex;width:100%;height:100%;justify-content:flex-start;align-items:center;column-gap:1rem;row-gap:2rem;flex-direction:column;padding:2rem}.resume-container .top{width:100%;display:flex;color:#7fffd4;justify-content:flex-start;text-align:center;align-items:center;filter:drop-shadow(0 0 .2rem rgba(161,35,161,.897));font-size:larger;flex-direction:column}.resume-container .top span{color:#fd8154}.resume-container .top .divider-head{margin-top:1rem;width:30%;height:.1rem;position:relative;display:flex;justify-content:center;align-items:center;background-color:#edd}.resume-container .top .divider-head:before{position:absolute;content:"";width:4rem;background-color:coral;height:.5rem;border-radius:.2rem;margin-left:-3rem;animation:head-bar 1s linear alternate infinite}@keyframes head-bar{0%{margin-left:-3rem}to{margin-left:2rem}}.resume-container .center{width:90%;height:100%;border-radius:.2rem;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:.7rem;border:.2rem solid rgba(255,255,255,.8);filter:drop-shadow(0 0 .5rem rgb(64,10,164));background-image:linear-gradient(to left,#9de0ff,#e8aeff,#ff8c8c)}.resume-container .center .inner{width:100%;border-radius:.2rem;height:100%;padding:3rem;background-color:#e5e5ee;display:flex;justify-content:center;align-items:center;box-shadow:0 0 .3rem gray}.resume-container .center .inner .content,.resume-container .center .inner .sub-nav{width:30%;height:100%}.resume-container .center .inner .sub-nav{display:flex;justify-content:center;align-items:center}.resume-container .center .inner .sub-nav .min-con,.resume-container .center .inner .sub-nav .fill-icon{display:flex;padding:1rem 0;justify-content:center;align-items:center;flex-direction:column;row-gap:.2rem;height:100%}.resume-container .center .inner .sub-nav .min-con{box-shadow:0 0 .3rem gray;background-color:#1f1250}.resume-container .center .inner .sub-nav .min-con div{font-size:1.3rem;padding:.5rem .7rem;text-decoration:none;color:#f0f8ff}.resume-container .center .inner .sub-nav .fill-icon{padding-right:2rem;width:100%}.resume-container .center .inner .sub-nav .fill-icon .tab{font-size:1.3rem;padding:.5rem;text-decoration:none;width:100%;cursor:pointer;border-radius:0 .5rem .5rem 0;text-shadow:0 0 .2rem rgba(21,1,1,.414);color:#1e0239;transition:all .25s ease-in-out}.resume-container .center .inner .sub-nav .fill-icon .tab:hover,.resume-container .center .inner .sub-nav .fill-icon .tab.active{background-color:#1f1250;box-shadow:.1rem 0 .3rem gray;color:#fff}.resume-container .center .inner .content{width:70%;height:30rem;overflow:hidden;border-radius:.2rem;background-color:#f3f3f3;box-shadow:0 0 .8rem inset #808080b6}.resume-container .center .inner .content #content{transition:all .4s ease-in-out}.resume-container .center .inner .content #content .tab-content{color:#000;height:30rem;padding:1rem;overflow-y:auto}@media screen and (max-width: 1300px){.resume-container .center .inner{padding:1rem}.resume-container .center .inner .sub-nav{padding-right:.5rem}.resume-container .center .inner .sub-nav .min-con div{font-size:1rem}.resume-container .center .inner .sub-nav .fill-icon{padding-right:0}.resume-container .center .inner .sub-nav .fill-icon .tab{font-size:1rem}}@media screen and (max-width: 900px){.resume-container .top .divider-head{width:50%}.resume-container .center{width:100%}.resume-container .center .inner{padding:.5rem}.resume-container .center .inner .content{width:65%}.resume-container .center .inner .sub-nav{width:35%;padding-right:.5rem}.resume-container .center .inner .sub-nav .min-con div{font-size:1rem}.resume-container .center .inner .sub-nav .fill-icon{padding-right:0}.resume-container .center .inner .sub-nav .fill-icon .tab{font-size:1.2rem}}@media screen and (max-width: 740px){.resume-container{padding:2rem}.resume-container .top .divider-head{width:70%}.resume-container .center{padding:.4rem}.resume-container .center .inner{padding:0;flex-direction:column}.resume-container .center .inner .content,.resume-container .center .inner .sub-nav{width:100%}}@media screen and (max-width: 440px){.resume-container{padding:.5rem}.resume-container .top .divider-head{width:70%}}.cards-education{display:flex;justify-content:center;flex-direction:column;width:100%;row-gap:1rem}.cards-education .card{width:100%;padding:1rem;border:.1rem dotted rgb(191,189,189);position:relative}.cards-education .card .year{position:absolute;right:1rem;top:1rem;padding:0 .5rem;box-shadow:0 0 .3rem #1f458b;background-color:#4271c9;color:#fff;border-radius:.2rem}.cards-education .card .title{font-size:1.25rem;width:80%;text-shadow:0 0 .3rem rgba(101,45,101,.356);color:#550c72}.cards-education .card .institution{font-size:1.1rem;font-weight:600;color:#083a96}.cards-education .card .scores{font-size:1.2rem;font-weight:600;color:#16720c}.cards-certifications{display:flex;justify-content:center;flex-direction:column;width:100%;row-gap:1rem}.cards-certifications .card{width:100%;padding:1rem;border:.1rem dotted rgb(191,189,189);display:flex;justify-content:center;row-gap:.1rem;flex-direction:column}.cards-certifications .card .title{font-size:1.25rem;text-shadow:0 0 .3rem rgba(101,45,101,.356);color:#550c72}.cards-certifications .card .institution{font-size:1.1rem;font-weight:600;color:#083a96}.cards-certifications .card .btn-Link{padding:.2rem .5rem;text-decoration:none;display:flex;width:fit-content;justify-content:center;align-items:center;column-gap:.5rem;transition:all .4s ease-in-out;color:gray;border:.1rem dotted gray}.cards-certifications .card .btn-Link:hover{color:#454545;border:.1rem dotted rgb(69,69,69);background-color:#e8e7e7}.cards-programmingskills{width:100%;padding:1rem;height:auto;border:.1rem dotted rgb(191,189,189)}.cards-programmingskills .title{color:#707070;text-shadow:0 0 .2rem rgba(1,25,69,.266)}.cards-programmingskills .skills-bars{width:100%;height:100%;display:flex;padding-top:1rem;flex-direction:column}.cards-programmingskills .skills-bars .bar{width:100%;margin:.5rem 0;position:relative;font-weight:600;color:#888}.cards-programmingskills .skills-bars .bar .percentage{position:absolute;right:0;top:0}.cards-programmingskills .skills-bars .bar .bar-percentage{width:100%;height:.5rem;background-color:#f5f5f5;overflow:hidden;box-shadow:0 0 .3rem #c1c1c188;border-radius:.1rem;position:relative}.cards-programmingskills .skills-bars .bar .bar-percentage .bar-percent{height:100%;box-shadow:0 0 .2rem #c1c1c1bb;position:absolute;background-image:linear-gradient(to left,#79dafa,#bb81fe,#f67777)}.cards-project{display:flex;justify-content:center;flex-direction:column;width:100%;row-gap:1rem}.cards-project .card{padding:1rem;width:100%;border:.1rem dotted rgb(191,189,189)}.cards-project .card .title{font-size:1.25rem;width:90%;text-shadow:0 0 .3rem rgba(45,46,101,.356);color:#0f2a7d}.cards-project .card .institution{font-size:1.1rem;font-weight:600;color:#b8630e}.cards-project .card .scores{font-size:1.2rem;font-weight:600;color:#577899}.cards-project .card .credentials{font-size:.9rem;font-weight:600;color:#5a6488}.cards-project .card .btn-Link{padding:.2rem .5rem;text-decoration:none;display:flex;width:fit-content;justify-content:center;align-items:center;column-gap:.5rem;transition:all .4s ease-in-out;color:gray;border:.1rem dotted gray}.cards-project .card .btn-Link:hover{color:#454545;border:.1rem dotted rgb(69,69,69);background-color:#e8e7e7}.cards-internship{display:flex;justify-content:center;flex-direction:column;width:100%;row-gap:1rem}.cards-internship .card{width:100%;padding:1rem;border:.1rem dotted rgb(191,189,189);position:relative;display:flex;justify-content:center;row-gap:.1rem;flex-direction:column}.cards-internship .card .year{position:absolute;right:1rem;top:1rem;padding:0 .5rem;box-shadow:0 0 .3rem #1f458b;background-color:#4271c9;color:#fff;border-radius:.2rem}.cards-internship .card .title{font-size:1.25rem;width:70%;text-shadow:0 0 .3rem rgba(101,45,101,.356);color:#550c72}.cards-internship .card .institution{font-size:1.1rem;font-weight:600;color:#083a96}.cards-internship .card .scores{font-size:1.2rem;font-weight:600;color:#16720c}.cards-internship .card .btn-Link{padding:.2rem .5rem;text-decoration:none;display:flex;width:fit-content;justify-content:center;align-items:center;column-gap:.5rem;transition:all .4s ease-in-out;color:gray;border:.1rem dotted gray}.cards-internship .card .btn-Link:hover{color:#454545;border:.1rem dotted rgb(69,69,69);background-color:#e8e7e7}.cards-otherskills{width:100%;padding:1rem;min-height:100%;height:auto;border:.1rem dotted rgb(191,189,189)}.cards-otherskills .title{color:#707070;text-shadow:0 0 .2rem rgba(1,25,69,.266)}.cards-otherskills .skills{width:100%;margin:1rem 0;height:100%;display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:.7rem}.cards-otherskills .skills .skill{font-weight:600;color:#888;background-image:linear-gradient(to left,#789eff,#ba7dff);padding:.2rem 1rem;color:#fff;text-shadow:0 0 .2rem rgb(105,103,103);border-radius:.2rem;box-shadow:0 0 .3rem #353535c3}.Navbar{display:flex;justify-content:space-between;column-gap:1rem;align-items:center;padding:1rem;margin:.5rem 0 2rem}.Navbar .logo-container{display:flex;color:#67c2ec;align-items:center;font-size:1.2rem;filter:drop-shadow(0 0 .3rem rgb(11,76,199));justify-content:center;column-gap:.5rem}.Navbar .logo-container img{width:30px;height:31px;opacity:.8}.Navbar .navmenu{display:flex;justify-content:center;align-items:center;column-gap:2rem;list-style:none}.Navbar .navmenu .nav-item{cursor:pointer;user-select:none;transition:all .3s ease-in-out;position:relative}.Navbar .navmenu .nav-item h3{font-weight:500;font-size:1.1rem;text-shadow:0 0 .4rem rgb(122,69,245);text-decoration:none;color:#d4b9f7}.Navbar .navmenu .nav-item:after{position:absolute;content:"";width:0;left:0;top:100%;background-color:#f390c6;box-shadow:0 0 .4rem #dd0c7f;height:2px;transition:all .3s ease-in-out}.Navbar .navmenu .nav-item:hover h3{text-shadow:0 0 .4rem rgb(221,12,127);color:#f390c6}.Navbar .navmenu .nav-item:hover:after{width:100%}.Navbar .nav-btn{min-width:5rem;padding:.5rem 1rem;text-decoration:none;border:none;cursor:pointer;border-radius:.3rem;box-shadow:0 0 1rem #006cf8;background-color:#1f7ac5;transition:all .3s ease-in-out;color:#fff;text-shadow:0 0 .3rem rgb(65,65,65)}.Navbar .nav-btn:hover{box-shadow:0 0 1rem #7528da;background-color:#722cc2}.Navbar .hamburger{padding:0;font-size:1.4rem;border:none;color:#fff;filter:drop-shadow(0 0 .3rem rgb(117,40,218));color:#c195f3;background-color:transparent;justify-content:center;align-items:center;display:none;transition:all .3s ease-in-out}.Navbar .hamburger:hover{filter:drop-shadow(0 0 .3rem rgb(222,55,255));color:#f395dc}@media screen and (max-width: 900px){.Navbar .navmenu{column-gap:.7rem}}@media screen and (max-width: 780px){.Navbar{z-index:1000;position:relative}.Navbar .navmenu{height:100vh;overflow:hidden;width:0vw;top:0;transition:all .4s ease-in-out;backdrop-filter:blur(5px);left:0;opacity:0;background-color:#1b0e44e6;flex-direction:column;position:absolute;z-index:1000;column-gap:.7rem}.Navbar .navmenu .nav-item{width:100%;font-size:x-large;text-align:center;padding:1rem}.Navbar .navmenu.active{opacity:1;width:50vw}.Navbar .nav-btn{display:none}.Navbar .hamburger{display:flex}.Navbar .hamburger.active{position:absolute;color:#7fffd4;font-size:xx-large;z-index:1000}}@media screen and (max-width: 480px){.Navbar .navmenu.active{opacity:1;width:100vw}}:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;background-color:#0000}::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background-image:linear-gradient(#77a6ff,#b277ff,#ff7da4)}*{margin:0;padding:0;box-sizing:border-box}html{background-image:url(/assets/back-ground-profile.5344f62e.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;width:100vw;height:100vh;overflow:hidden}body{width:100vw;height:100vh;font-family:Tajawal,sans-serif;overflow-x:hidden;overflow-y:overlay;background-image:linear-gradient(to left,rgba(1,21,31,.9176470588),rgba(0,2,37,.9176470588),rgba(30,2,56,.9176470588));-webkit-user-drag:none;backdrop-filter:blur(5px)}