body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#7f7f7f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;background:-webkit-gradient(linear,left top,right bottom,from(#50a3a2),to(#78cc6d));background:linear-gradient(to bottom right,#50a3a2 0,#78cc6d);display:flex;justify-content:center;align-items:center;position:relative}.App .overlay{position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;z-index:999999999999999;overflow:hidden}.App .overlay .ballGD{background:#78cc6d;-webkit-animation:animate2 1.5s infinite;animation:animate2 1.5s infinite}.App .overlay .ballGD,.App .overlay .ballGL{width:40px;height:40px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.App .overlay .ballGL{background:#daf5d7;-webkit-animation:animate 1.5s infinite;animation:animate 1.5s infinite}@-webkit-keyframes animate{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}to{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}}@keyframes animate{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}to{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}}@-webkit-keyframes animate2{0%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}50%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}to{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}}@keyframes animate2{0%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}50%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}to{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}}.navbar{background:#fff;text-align:center;border-radius:8px!important}.navbar,.navbar ul{padding:0!important;margin:0!important}.navbar ul a{text-align:center;color:#323232;display:block;padding:20px;border-bottom:1px solid #999;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.navbar ul a:last-child{border-bottom:none}.navbar ul a:hover{text-decoration:none;color:#fff;background-color:#78cc6d;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:50%}.Home{z-index:99999;background:#fff;width:480px;border-radius:12px;overflow:hidden;margin-left:10px;box-shadow:10px 10px 15px rgba(0,0,0,.05)}.Home .Profile-pic{-webkit-clip-path:polygon(50% 0,100% 0,100% 85%,50% 100%,0 85%,0 0);clip-path:polygon(50% 0,100% 0,100% 85%,50% 100%,0 85%,0 0);background-image:url(/static/media/kyrillos.72311300.jpg);background-size:cover;background-position:top;height:350px;width:480px}.Home h1{margin-top:20px}.Home .subtitle,.Home h1{font-family:Poppins,sans-serif}.Home .subtitle{font-size:16px;font-weight:400;color:#78cc6d;display:inline-block}.Home .typed-cursor{display:none}.Home .Social{padding:15px 0}.Home .Social a{color:#323232;margin:0 6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.Home .Social a i{font-size:16px}.Home .Social a:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#78cc6d}.Home .CV{padding:20px 0}.Home .CV button{padding:5px 20px;border-radius:18px;color:#323232;border:none;margin:0 10px;outline:none;background:-webkit-gradient(linear,left top,right top,from(#50a3a2),to(#78cc6d));background:linear-gradient(90deg,#50a3a2,#78cc6d);background-position:0 100%;background-repeat:no-repeat;background-size:0 100%;font-family:Poppins,sans-serif}.Home .CV button,.Home .CV button:hover{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.Home .CV button:hover{background-size:100% 100%;color:#fff}.About{background:#fff;padding:20px 10px;overflow-y:scroll;height:520px}.About h2{padding:10px 0;font-size:20px;font-weight:600;font-family:Poppins,sans-serif;position:relative}.About h2 span{color:#78cc6d}.About h2:after{content:"";position:absolute;left:0;width:100%;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);left:-30px;right:0;bottom:0;height:1px}.About .content{width:250px;text-transform:capitalize}.About .content p{font-family:Poppins,sans-serif;color:#646464;font-size:16px;line-height:1.8em;padding:0;margin:0 0 25px}.About .content p span{font-weight:700;display:block}.About .info{width:250px;position:relative;padding:0 10px}.About .info ul li{padding:15px 0;position:relative}.About .info ul li span{background:#78cc6d;color:#fff;padding:2px 5px}.About .info ul li strong{color:#646464;font-weight:600}.About .info ul li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.About .info ul li:last-child:after{content:"";display:none}.About .info:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);left:-10px;width:1px;height:100%}.About .serve{margin:20px 0}.About .serve i{background:#78cc6d;color:#fff;padding:15px;border-radius:50%;margin:10px 0}.About .serve p{text-transform:capitalize}.About .testimonial{position:relative}.About .testimonial p{text-align:center;font-style:italic;padding:0 25px;height:80px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;color:#646464}.About .testimonial p:before{left:3px;top:0}.About .testimonial p:after,.About .testimonial p:before{content:"";position:absolute;width:13px;height:14px;opacity:.65;background:url(/static/media/quote.119202fa.svg) no-repeat;background-size:contain}.About .testimonial p:after{bottom:160px;right:3px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.About .testimonial .carousel{width:530px;height:100%;position:relative}.About .testimonial .carousel .carousel-indicators{position:absolute;bottom:-40px}.About .testimonial .carousel .carousel-indicators li{background-color:#78cc6d}.About .testimonial .carousel .info img{width:100px;border-radius:50%}.Resume{background:#fff;padding:20px 10px;overflow-y:scroll;height:520px}.Resume h2{padding:10px 0;font-size:20px;font-weight:600;font-family:Poppins,sans-serif;position:relative}.Resume h2 span{color:#78cc6d}.Resume h2:after{content:"";position:absolute;left:0;width:100%;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);left:-30px;right:0;bottom:0;height:1px}.Resume .Ex-and-Edu .content{width:250px}.Resume .Ex-and-Edu .content p{font-family:Poppins,sans-serif;color:#646464;font-size:16px;line-height:1.8em;padding:0;margin:0 0 25px}.Resume .Ex-and-Edu .content p span{font-weight:700;display:block}.Resume .Ex-and-Edu .content .head{padding:15px 0;margin-bottom:10px;position:relative}.Resume .Ex-and-Edu .content .head i{color:#78cc6d;margin:0 10px;font-size:20px}.Resume .Ex-and-Edu .content .head h5{display:inline-block;font-size:17px;font-weight:500;text-transform:uppercase}.Resume .Ex-and-Edu .content .head:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.Resume .Ex-and-Edu .content .resume-item .date{border:1px solid #78cc6d;color:#78cc6d;display:inline-block;text-align:center;padding:0 5px;font-weight:400;font-size:13px}.Resume .Ex-and-Edu .content .resume-item .past{margin-top:15px;border:1px solid #ccc;color:#ccc!important}.Resume .Ex-and-Edu .content .resume-item .name{font-size:17px;color:#323232;font-weight:500;margin:10px 0 0;text-transform:capitalize}.Resume .Ex-and-Edu .content .resume-item .company{font-size:14px;color:#999;font-weight:400;margin-bottom:12px}.Resume .Ex-and-Edu .content .resume-item p{font-size:16px;color:#646464;text-transform:capitalize}.Resume .Ex-and-Edu .content .resume-item p:after{left:0;width:100%;height:1px}.Resume .Ex-and-Edu .content .resume-item p:after,.Resume .Ex-and-Edu .edu:after{content:"";position:absolute;bottom:0;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.Resume .Ex-and-Edu .edu:after{left:0;width:100%;height:1px;left:-10px;top:-25px;width:1px;height:100%}.Resume .Ex-and-Edu .edu .date{color:#ccc!important;border:1px solid #ccc!important}.Resume .skills{position:relative}.Resume .skills:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);left:268px;top:-25px;width:1px;height:100%}.Resume .skills .content{width:250px}.Resume .skills .content p{font-family:Poppins,sans-serif;color:#646464;font-size:16px;line-height:1.8em;padding:0;margin:0 0 25px}.Resume .skills .content p span{font-weight:700;display:block}.Resume .skills .content .head{padding:15px 0;margin-bottom:10px;position:relative}.Resume .skills .content .head i{color:#78cc6d;margin:0 10px;font-size:20px}.Resume .skills .content .head h5{display:inline-block;font-size:17px;font-weight:500;text-transform:uppercase}.Resume .skills .content .head:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.Resume .skills .content .radial-progress{width:120px;height:120px;position:relative;background-color:#eee;border-radius:50%;margin-top:25px;margin-bottom:10px}.Resume .skills .content .radial-progress .circle .fill,.Resume .skills .content .radial-progress .circle .mask,.Resume .skills .content .radial-progress .circle .shadow{width:120px;height:120px;position:absolute;border-radius:50%}.Resume .skills .content .radial-progress .circle .fill,.Resume .skills .content .radial-progress .circle .mask{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.Resume .skills .content .radial-progress .circle .fill.reanimate,.Resume .skills .content .radial-progress .circle .mask.reanimate{-webkit-transition:-webkit-transform 0s;transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s,-webkit-transform 0s}.Resume .skills .content .radial-progress .circle .fill.reset,.Resume .skills .content .radial-progress .circle .mask.reset{-webkit-transform:rotate(0deg)!important;transform:rotate(0deg)!important}.Resume .skills .content .radial-progress .circle .mask{clip:rect(0,120px,120px,60px)}@media (max-width:480px){.Resume .skills .content .radial-progress .circle .mask{clip:rect(0,85px,85px,42.5px)}}.Resume .skills .content .radial-progress .circle .mask .fill{clip:rect(0,60px,120px,0);background-color:#78cc6d}@media (max-width:480px){.Resume .skills .content .radial-progress .circle .mask .fill{clip:rect(0,42.5px,85px,0)}}.Resume .skills .content .radial-progress .inset{width:100px!important;height:100px!important;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px!important;background-color:#fbfbfb;border-radius:50%;text-align:center;line-height:100px}@media (max-width:480px){.Resume .skills .content .radial-progress .inset{width:66px!important;height:66px!important;margin:-33px 0 0 -33px!important;line-height:90px}}.Resume .skills .content .radial-progress .little{font-size:22px;color:#d7d7d7}@media (max-width:480px){.Resume .skills .content .radial-progress .little{font-size:12px}}.Resume .skills .content .radial-progress .big{font-size:25px;font-family:Poppins,sans-serif}@media (max-width:480px){.Resume .skills .content .radial-progress .big{font-size:27px}}.Resume .skills .content h6{color:#323232;font-weight:400;font-family:Poppins,sans-serif;font-size:16px}.Resume .skills .langs{position:relative}.Resume .skills .langs .Ar{margin:10px 0}.Resume .skills .langs .Ar .spot{background-color:#78cc6d}.Resume .skills .langs .Ar .spot,.Resume .skills .langs .En .spot{display:inline-block;margin:0 5px;border-radius:50%;width:14px;height:14px}.Resume .skills .langs .En .spot{background-color:#78cc6d;background:#eee}.Resume .skills .langs .En .spot:nth-child(2),.Resume .skills .langs .En .spot:nth-child(3),.Resume .skills .langs .En .spot:nth-child(4),.Resume .skills .langs .En .spot:nth-child(5),.Resume .skills .langs .En .spot:nth-child(6),.Resume .skills .langs .En .spot:nth-child(7){background:#78cc6d}.Resume .skills .langs .It{margin:10px 0}.Resume .skills .langs .It .spot{display:inline-block;margin:0 5px;border-radius:50%;width:14px;height:14px;background-color:#78cc6d;background:#eee}.Resume .skills .langs .It .spot:nth-child(2),.Resume .skills .langs .It .spot:nth-child(3),.Resume .skills .langs .It .spot:nth-child(4){background:#78cc6d}.Resume .skills .langs:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);bottom:-30px}.Resume .skills .Know{margin:30px 0}.Resume .skills .Know .List li{margin:10px 0}.Resume .skills .Know .List li i{color:#78cc6d;margin:0 10px}.Works{background:#fff;padding:20px 10px;overflow-y:scroll;height:520px;width:590px}.Works .head h2{font-size:20px;font-weight:600;font-family:Poppins,sans-serif;position:relative;padding:10px 0}.Works .head h2 span{color:#78cc6d}.Works .head h2:after{content:"";position:absolute;left:0;width:100%;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);left:-30px;right:0;bottom:0;height:1px}.Works .head .list .active{color:#78cc6d;font-weight:500}.Works .head .list li{display:inline-block;margin:5px 15px 5px 5px;text-transform:capitalize;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#646464;cursor:pointer}.Works .head .list li,.Works .head .list li:hover{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.Works .head .list li:hover{color:#78cc6d}.Works .projects{position:relative;padding:30px 0}.Works .projects .pro{overflow:hidden;width:100%;height:100%;text-align:center}.Works .projects .pro .lghw-pic{background:url(/static/media/lgahwees.fa3b485c.png)}.Works .projects .pro .spa-pic{background:url(/static/media/sneaky.01218b5f.PNG)}.Works .projects .pro .eco-pic{background:url(/static/media/Ecommerce.3f22870e.PNG)}.Works .projects .pro .mop-pic{background:url(/static/media/tager.fce94105.PNG)}.Works .projects .pro .market-pic{background:url(/static/media/market.682aec5e.PNG)}.Works .projects .pro .itliano-pic{background:url(/static/media/dolcevita.cc8db960.PNG)}.Works .projects .pro .groove-pic{background:url(/static/media/mobile.18eac277.PNG)}.Works .projects .pro .Reco-pic{background:url(/static/media/Headphonex.0414c2c2.PNG)}.Works .projects .pro .Plant-pic{background:url(/static/media/PlantApp.e82efd95.PNG)}.Works .projects .pro .bi3ly-pic{background:url(/static/media/bi3ly.f3506327.png)}.Works .projects .pro .cvGenerator-pic{background:url(https://i.ibb.co/X2Pv8s0/cv-Generator.png)}.Works .projects .pro .daimon-pic{background:url(/static/media/diamond.a1fad794.png)}.Works .projects .pro .adminDashboard-pic{background:url(/static/media/adminDashboard.f71cfdc3.png)}.Works .projects .pro .img{width:270px;height:170px;background-size:cover;background-position:50%;position:relative;overflow:hidden;cursor:pointer}.Works .projects .pro .img,.Works .projects .pro .img:hover{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.Works .projects .pro .img:hover{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}.Works .projects .pro .img .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(120,204,109,.5),rgba(120,204,109,.01));color:#fff;opacity:0}.Works .projects .pro .img .overlay,.Works .projects .pro h6{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.Works .projects .pro h6{color:#323232;font-size:17px;font-weight:500;margin-top:10px;margin-bottom:4px}.Works .projects .pro p{font-size:14px;color:#999}.Works .projects .pro:hover .overlay{opacity:1}.Works .projects .pro:hover .overlay,.Works .projects .pro:hover h6{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.Works .projects .pro:hover h6{color:#78cc6d}.Works .projects:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);right:0;top:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Contact{background:#fff;padding:20px 10px;overflow-y:scroll;height:520px;width:590px}.Contact h2{padding:10px 0;font-size:20px;font-weight:600;font-family:Poppins,sans-serif;position:relative}.Contact h2 span{color:#78cc6d}.Contact h2:after{content:"";position:absolute;left:0;width:100%;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%);left:-30px;right:0;bottom:0;height:1px}.Contact .map{position:relative!important;width:100%!important;height:300px!important;margin-bottom:30px}.Contact .info{margin:20px 0;font-family:Poppins,sans-serif}.Contact .info .heading{background:#78cc6d;color:#fff;font-size:14px;font-weight:400;padding:3px 8px}.Contact .info:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.Contact .contactForm{margin:30px 0;font-family:Poppins,sans-serif}.Contact .contactForm form{margin:20px 0}.Contact .contactForm form input{width:48%;height:50px;font-size:16px;outline:none;color:#323232;border:2px solid #eee;padding:0 15px;margin-bottom:20px}.Contact .contactForm form textarea{display:block;width:100%;border:2px solid #eee;resize:none;padding:15px;margin-bottom:20px;outline:none}.Contact .contactForm form button{padding:0 30px;height:50px;background:#eee;border-radius:4px;text-transform:uppercase;border:none;font-size:14px;color:#323232;font-weight:500;cursor:pointer;outline:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-top:15px}.Contact .contactForm form button i{margin-left:10px;position:relative;left:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.Contact .contactForm form button:hover{color:#78cc6d;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.Contact .contactForm form button:hover i{color:#78cc6d;left:5px}@media (min-width:770px) and (max-width:1024px){.navbar{width:10vw;border-radius:0!important;padding:0 3px!important;display:block!important}.navbar ul a{padding:19px;border-radius:none;border:none;border-right:1px solid #eee}.navbar ul a:last-child{border-right:none}.Home{margin:0 0 10px!important}.Home .Profile-pic{width:100%!important}.About .testimonial .carousel{width:100%}}@media (min-width:481px) and (max-width:769px){.App{flex-wrap:wrap;align-items:flex-start!important}.navbar{border-radius:0!important;width:100vw;display:block!important;background:#fff;padding:0 3px!important}.navbar ul a{display:inline-block;padding:22px;border-radius:none;border:none;border-right:1px solid #eee}.navbar ul a:last-child{border-right:none}.Home{width:100%!important;margin:0;border-radius:0}.Home .Profile-pic{width:100%}.About,.animated,.Contact,.Resume,.Works{width:100%!important}}@media (min-width:320px) and (max-width:480px){.App{flex-wrap:wrap;align-items:flex-start!important}.navbar{width:100vw;border-radius:0!important;padding:0 3px!important;display:block!important}.navbar ul a{display:inline-block;padding:19px;border-radius:none;border:none;border-right:1px solid #eee}.navbar ul a:last-child{border-right:none}.Home{margin:0;width:100%;border-radius:0!important}.Home .Profile-pic{-webkit-clip-path:polygon(50% 0,100% 0,100% 85%,40% 100%,0 85%,0 0);clip-path:polygon(50% 0,100% 0,100% 85%,40% 100%,0 85%,0 0)}.About .content,.About .info,.About .testimonial .carousel,.Contact,.Resume .skills .content,.Works{width:100%!important}}@media (max-width:320px){.navbar ul a{padding:13px!important}.Home .Profile-pic{-webkit-clip-path:polygon(50% 0,100% 0,100% 85%,35% 100%,0 90%,0 0);clip-path:polygon(50% 0,100% 0,100% 85%,35% 100%,0 90%,0 0)}.Home .CV button{padding:5px 18px}}
/*# sourceMappingURL=main.e712582d.chunk.css.map */