@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}button{cursor:pointer}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif}ul{list-style:none;margin:0;padding:0}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.navBar{align-items:center;background-color:#f3f5f8;display:flex;font-family:Poppins,sans-serif;height:80px;justify-content:center}.navBar .container{display:flex;justify-content:space-between}.logo{color:#3d535f;cursor:pointer;display:flex;font-size:40px;font-weight:800;letter-spacing:3px;position:relative;text-transform:uppercase}.logo:after{background-color:#00a6ff;border-radius:50%;bottom:9px;content:"";height:10px;position:absolute;right:-12px;width:10px}.navBar .links{align-items:center;display:flex;justify-content:center}.navBar .links a{color:#3d535f;cursor:pointer;font-size:25px;letter-spacing:3px;margin-right:15px;text-decoration:none;text-transform:capitalize;transition-duration:.5s}.navBar .links a:hover{color:#00a6ff}.navBar .icons{align-items:center;display:flex;justify-content:center}.navBar .icons a{margin-right:7px}.navBar .icons a i{color:#3d535f;font-size:20px}.navBar .icons a i:hover{color:#00a6ff}@media (max-width:767px){.navBar{border-radius:56px;bottom:20px;box-shadow:0 0 20px 0 #888;height:80px;margin-left:17px;position:fixed;width:90%;z-index:11}.navBar .btnBars i{color:#3d535f;font-size:20px}.navBar .container{display:flex;justify-content:space-between;width:90%}.navBar .icons,.navBar .links{display:none}.logo{font-size:20px;font-weight:600}.logo:after{bottom:5px}.btnSection{background-color:#fff;border-radius:10px;bottom:55px;box-shadow:0 0 10px 0 #888;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;position:fixed;right:19px;text-align:center;width:90%;z-index:1}.btnSection .partiOne,.btnSection .partiTwo{align-items:center;display:flex;justify-content:space-between}.btnSection .partiOne div,.btnSection .partiTwo div{color:#888;margin:15px}.btnSection .partiOne div:hover,.btnSection .partiTwo div:hover{color:#000}.btnSection i{font-size:17px;margin-bottom:10px}.btnSection p{font-size:13px}.cls{display:none}}@media(min-width:768px){.btnBars{display:none}}.fixBar{display:flex;flex-direction:column;position:fixed;right:0;top:44%;z-index:10}.fixBar>div{align-items:center;border-bottom:1px solid #00a6ff;color:#3d535f;display:flex;height:50px;justify-content:center;padding:17px;position:relative;right:-151px;transition-duration:.5s}.fixBar .linkedin:hover{color:#00a6ff;right:0}.fixBar .linkedin:hover a{color:#00a6ff}.fixBar .Email:hover{color:#00a6ff;right:0}.fixBar .Email:hover a{color:#00a6ff}.fixBar .github:hover{color:#00a6ff;right:0}.fixBar .github:hover a{color:#00a6ff}.fixBar div a{color:#3d535f;text-decoration:none}.fixBar div a i{display:flex;font-size:30px;margin-right:10px}.fixBar p{font-size:30px;margin-left:10px}.fixBar .linkedin .space{margin-right:13px}.fixBar .Email .space{margin-right:23px}.fixBar .github .space{margin-right:28px}@media(max-width:767px){.fixBar{display:none}}.landing{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0 10%;width:100%}.landing .partiOne{margin-top:50px}.landing .partiTwo{display:flex}.landing .text{width:50%}.landing .topLine{display:block;letter-spacing:5px;position:relative}.landing .topLine,.landing .topLine span{color:#3d535f;font-size:35px}.landing .topLine:after{background-color:#00a6ff;bottom:10px;content:"";height:4px;left:144px;position:absolute;width:45px}.landing h1{color:#3d535f;display:block;font-size:4em;font-weight:900}.landing span{color:#00a6ff;text-transform:capitalize}.landing P{color:#3d535f;display:block;font-size:1.2em;width:90%}.landing .btn{left:250px;position:relative;width:100%}.landing button{background-color:#3d535f;border:none;box-shadow:0 15px 18px rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:25px;font-weight:400;letter-spacing:2px;margin:40px 5px;outline:none;padding:8px 14px;text-transform:Capitalize}button:hover{background-color:#00a6ff}.landing .image{position:relative;width:50%}.landing img{height:100%;width:100%}.landing .me{-webkit-animation:move-Admin 4s linear infinite;animation:move-Admin 4s linear infinite;position:relative;top:624px;z-index:3}@-webkit-keyframes move-Admin{0%{right:0;top:-269px}50%{right:20px;top:-259px}to{right:0;top:-269px}}@keyframes move-Admin{0%{right:0;top:-269px}50%{right:20px;top:-259px}to{right:0;top:-269px}}.blue{-webkit-animation:move-blue 4s linear infinite;animation:move-blue 4s linear infinite;bottom:1028px;position:relative;z-index:2}@-webkit-keyframes move-blue{0%{bottom:1028px;right:0}50%{bottom:1018px;right:10px}to{bottom:1028px;right:0}}@keyframes move-blue{0%{bottom:1028px;right:0}50%{bottom:1018px;right:10px}to{bottom:1028px;right:0}}.cercel{-webkit-animation:move-cercel 4s linear infinite;animation:move-cercel 4s linear infinite;height:11%;position:relative;right:753px;top:-1505px;width:35%;z-index:-1}@-webkit-keyframes move-cercel{50%{right:743px;top:-1496px}}@keyframes move-cercel{50%{right:743px;top:-1496px}}.rombow{-webkit-animation:move-rombow 4s linear infinite;animation:move-rombow 4s linear infinite;bottom:1523px;height:15%;position:relative;right:400px;width:50%;z-index:-3}@-webkit-keyframes move-rombow{50%{bottom:1513px}}@keyframes move-rombow{50%{bottom:1513px}}@media(max-width:767px){.landing{height:100%;margin:10px 0;padding:10px 10%;width:100%}.landing .partiOne{margin-top:10px}.landing .text{width:100%}.landing .topLine{font-size:20px;letter-spacing:2px}.landing .titleH{font-size:25px}.landing .topLine:after{bottom:6px;left:115px;width:30px}.landing h1{font-size:2em;font-weight:650}.landing P{display:block;font-size:16px;width:90%}.landing button{font-size:18px}.landing .btn{left:-11px;margin-top:5px;top:-37px;width:100%}@-webkit-keyframes move-Admin{0%{right:80px;top:-64px}50%{right:60px;top:-54px}to{right:80px;top:-64px}}@keyframes move-Admin{0%{right:80px;top:-64px}50%{right:60px;top:-54px}to{right:80px;top:-64px}}.landing .me{-webkit-animation:move-Admin 6s linear infinite;animation:move-Admin 6s linear infinite;position:relative;right:88px;top:0;width:231%;z-index:-2}.blue{left:-234px;position:relative;top:-155px;z-index:-1}@-webkit-keyframes move-cercel{50%{right:190px;top:-456px}}@keyframes move-cercel{50%{right:190px;top:-456px}}.cercel{-webkit-animation:move-cercel 6s linear infinite;animation:move-cercel 6s linear infinite;height:15%;position:relative;right:219px;top:-487px;width:65%;z-index:-5}.rombow{display:none}}.skills{align-items:center;display:flex;height:750px;justify-content:center;margin-top:40px;position:relative}.title h2{color:#005786;font-size:3em;margin-bottom:20px;margin-left:20px}.PRINCIPAL{align-items:center;background-image:linear-gradient(140deg,#eadedb,#00a6ff 50%,#bc70a4 75%);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;position:relative}.transparent{background-color:hsla(0,0%,100%,.303);height:100%;position:absolute;width:100%;z-index:0}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));border:1px solid hsla(0,0%,100%,.18);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);font-size:10px;height:400px;padding:10px;width:500px}.glass h2{color:#000;font-size:24px}.divAllImage{-webkit-animation:move-divAllImage 40s linear infinite;animation:move-divAllImage 40s linear infinite;border-radius:50%;height:350px;position:absolute;right:77px;top:75px;width:350px}@-webkit-keyframes move-divAllImage{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes move-divAllImage{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.displayPart{width:50%}.allSkills{align-items:center;display:flex;justify-content:center;width:50%}.imagePrincipal{-webkit-animation:move-principal 10s linear infinite;animation:move-principal 10s linear infinite}.allSkills>div{cursor:pointer}.allSkills .principal{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;position:relative;width:500px}@-webkit-keyframes move-principal{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes move-principal{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.allSkills .principal>p{align-items:center;background-color:#fff;border:2px solid #00a6ff;border-radius:50%;display:flex;height:350px;justify-content:center;text-align:center;width:350px}.allSkills .principal div{position:absolute}.allSkills .principal div img{border-radius:50%;height:100px;width:100px}.allSkills .css img,.allSkills .html img,.allSkills .js img,.allSkills .react img{-webkit-animation:move-icon 4s linear infinite;animation:move-icon 4s linear infinite;position:relative}@-webkit-keyframes move-icon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes move-icon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.allSkills .js{bottom:343px;left:125px}.allSkills .react{bottom:113px;left:351px}.allSkills .css{bottom:117px;left:-95px}.allSkills .html{bottom:-99px;left:131px}.Hidden{display:none}.perImage{display:flex;height:150px;justify-content:flex-end;position:relative;width:95%}@-webkit-keyframes move-perImage{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move-perImage{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.perImage img:first-child{-webkit-animation:move-perImage 4s linear;animation:move-perImage 4s linear;border-radius:20px;height:100%;width:40%}.perImage img:nth-child(2){height:220px;width:220px}.skillsButton{bottom:125px;position:absolute;z-index:10}.allSkills button{background-color:#3d535f;border:none;box-shadow:0 15px 18px rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:25px;font-weight:400;letter-spacing:2px;margin:40px 5px;outline:none;padding:8px 14px;text-transform:Capitalize}@media (max-width:767px){.PRINCIPAL{margin-top:-127px}.skills{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:50px}.allSkills{margin-top:23px}.glass{font-size:10px;height:400px;padding:10px;width:250px}.allSkills{margin:75px 0;width:50%}.allSkills .principal{height:200px;width:200px}.allSkills .principal>p{width:200px}.allSkills button{font-size:13px;margin:4px 5px}.displayPart{width:100%}.title h2{font-size:2em}.allSkills .principal div img{height:66px;width:66px}.divAllImage{-webkit-animation:move-divAllImag 40s linear infinite;animation:move-divAllImag 40s linear infinite;height:200px;right:1px;top:1px;width:198px}.allSkills .react{bottom:63px;left:199px}.allSkills .css{bottom:81px;left:-62px}.allSkills .html{bottom:-67px;left:69px}.allSkills .js{bottom:193px;left:71px}}.projects .partiOne{margin:100px 0;text-align:center}.projects .partiOne h2{font-size:3rem;margin-bottom:20px}.projects .partiOne p{font-size:1.2em;letter-spacing:1px;width:100%}.tabThree,.tabTwo{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(3,450px)}.projects .partiTwo{align-items:center;background-image:url(/static/media/background-one.e01c93a718d52aae9693.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center}.projects .partiTwo img{border-radius:20px;width:100%}.projects .partiOne .tabsButton{margin:50px auto;width:80%}.projects .partiOne .tabsButton .left,.projects .partiOne .tabsButton .left:hover:before{border-bottom-left-radius:25px;border-top-left-radius:25px}.projects .partiOne .tabsButton .right,.projects .partiOne .tabsButton .right:hover:before{border-bottom-right-radius:25px;border-top-right-radius:25px}.projects .partiOne .tabsButton button{background-color:#000;border:none;box-shadow:0 15px 18px rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:25px;letter-spacing:2px;outline:none;padding:8px 14px;position:relative;width:33%;z-index:0}.projects .partiOne .tabsButton button:before{background:linear-gradient(90.21deg,#00a6ff 5.91%,#bc70a4 111.58%);content:"";height:100%;left:0;position:absolute;top:0;transition:.3s ease-in-out;width:0;z-index:-1}.projects .partiOne .tabsButton button:hover:before{width:100%!important}.projects .partiOne .center{border-left:1px solid #fff!important;border-right:1px solid #fff!important}.tabOne p{margin:10px auto;text-align:center;width:40%}.tabThree .image,.tabTwo .image{cursor:pointer;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tabThree .image:before,.tabTwo .image:before{background-image:linear-gradient(90.21deg,#00a6ff 5.91%,#bc70a4 111.58%);border-radius:20px;content:"";height:0;left:0;opacity:.85;position:absolute;top:0;transition:.3s ease-in-out;width:100%}.tabThree .image:hover:before,.tabTwo .image:hover:before{height:100%}@media (max-width:767px){.projects .partiOne .tabsButton button{font-size:15px}.tabOne p{margin:1px auto;width:66%}.tabThree,.tabTwo{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(1,300px)}.projects .partiOne{margin:80px 0 10px;text-align:center}}.service{background-image:url(/static/media/background-two.6b19c1bf563aa5258ce3.png);background-position:30% 50%;background-repeat:no-repeat;background-size:50% 120%;margin-top:200px}.service .container{display:flex}.service .partiOne h2{color:#00a6ff;font-size:50px;letter-spacing:3px;margin-bottom:10px}.service .partiOne p{font-size:20px;margin-bottom:20px}.service button{background:linear-gradient(180deg,#57c4ff 26.71%,#00a6ff 99.36%);border:none;border-radius:34px;box-shadow:0 20px 24px 3px #2bb5ff;color:#fff;font-size:22px;outline:none;padding:11px 26px}.service button:hover{background:#fff;border:1px solid #00a6ff;color:#00a6ff;cursor:pointer}.service .partiTwo{align-items:center;display:flex}.service .design,.service .dev,.service .ui{align-items:center;border:5px solid #00a6ff;border-radius:20px;display:flex;flex-direction:column;height:200px;justify-content:space-between;margin-bottom:10px;margin-left:10px;padding:10px;text-align:center;width:200px}.service .dev{position:relative;right:30px;top:20px}.service .design{left:40px;position:relative}.service .ui{position:relative;top:20px}.service i{font-size:40px}.service .Pspe{color:red;font-weight:700}@media (max-width:767px){.service{background-size:82% 77%;margin-top:50px}.service .container{display:flex;flex-direction:column}.service .partiTwo{margin-top:20px}.service .design,.service .dev,.service .ui{border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px;margin-left:10px;padding:10px;width:150px}.service .design{left:8px;position:relative}.service .dev{position:relative;right:10px;top:20px}}.footer{align-items:center;background-color:#36c3f1;display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center}.footer i{font-size:20px}.footer .iconInfo p{width:150px}.footer .iconContact{display:flex;margin-bottom:20px}.footer .iconContact a{margin:0 7px}.footer .iconInfo{display:flex;margin:0 15px}.footer .iconContact i{color:#fff;font-size:30px}.footer .iconContact a{bottom:0;position:relative;transition:.7s}.footer .iconContact a:hover{bottom:15px}.footer .iconInfo div{display:flex;flex-direction:column;text-align:center}.footer .iconInfo div i{margin-bottom:10px}.footer .copyright{margin-top:10px;width:100%}.footer .copyright p{width:100%}.waves{height:230px;position:relative}.waves img{height:100%;position:absolute}.waves .wavesOne{-webkit-animation:animateWav 4s linear infinite;animation:animateWav 4s linear infinite;width:100%;z-index:3}.waves .wavesTwo{bottom:30px;opacity:.7;z-index:2}.waves .wavesThree{bottom:59px;opacity:.3;z-index:1}@-webkit-keyframes animateWave{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(1000px);transform:translateX(1000px)}}@keyframes animateWave{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(1000px);transform:translateX(1000px)}}@media (max-width:767px){.footer{width:100%}}
/*# sourceMappingURL=main.eac525f5.css.map*/