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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}div{height:100%;margin:0;padding:0}.FirstSection{align-items:center;display:flex;justify-content:center;margin-top:50px}.container{margin:0 auto;max-width:2000px}.NameAndPic{min-height:700px}.NameAndPic,.NameAndPic .container{align-items:center;display:flex;justify-content:center}.NameAndPic .container{gap:2rem;margin:0 auto}.NameAndPic .text{color:#000}.NameAndPic .profilePic img{border-radius:50%;max-width:200px;transition:opacity .3s ease}.NameAndPic .fade-out{opacity:0}@media (max-width:768px){.NameAndPic .container{flex-direction:column}}.NameAndPic.lightMode .text{color:#fff}.NameAndPic.darkMode .text,.NameAndPic.lightMode .text{transition:color 1s ease,-webkit-transform .3s ease;transition:transform .3s ease,color 1s ease;transition:transform .3s ease,color 1s ease,-webkit-transform .3s ease}.NameAndPic.darkMode .text{color:#000}.NameAndPic .Heythere,.NameAndPic .text-custom{font-size:40px;font-weight:600}.NameAndPic .Heythere{text-align:center}.Ahmedbannour,.NameAndPic .Iam{font-size:50px;font-weight:600;letter-spacing:1px;text-shadow:1px 1px 3px rgba(0,0,0,.473)}.NameAndPic .Cse{font-size:30px;font-weight:500;margin-left:70px}@media (max-width:768px){.nameContainer{flex-direction:row}}.CsePlaceholder
.nameContainer,.NameAndPic .HeytherePlaceholder{height:60px}.NameAndPic .nameContainer{display:flex}@media (max-width:768px){.Ahmedbannour,.NameAndPic .Iam{font-size:35px;font-weight:600;text-align:center}.NameAndPic .Cse{font-size:25px;margin-left:0;text-align:center}}@media (max-width:480px){.NameAndPic .Cse{font-size:25px}}@-webkit-keyframes motionBlur{0%{-webkit-filter:blur(0);filter:blur(0);opacity:1}50%{-webkit-filter:blur(10px);filter:blur(10px);opacity:.5}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes motionBlur{0%{-webkit-filter:blur(0);filter:blur(0);opacity:1}50%{-webkit-filter:blur(10px);filter:blur(10px);opacity:.5}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}.blur-effect{-webkit-animation:motionBlur .5s ease-in-out;animation:motionBlur .5s ease-in-out}.Contact .container{background-color:#639;gap:2rem;margin:50px auto 0;min-height:200px;width:100%}.Contact .ContactdivContainer,.Contact .container{align-items:center;display:flex;justify-content:center}.Contact .ContactdivContainer{margin-top:20px}.contentContainer{min-height:100px;transition:min-height .5s ease-out}.icon-container{align-items:center;justify-content:space-between;width:100%}.icon-item1{display:flex;flex:1 1;list-style:none}.icon-item1,.icon-item1 .icon-link{align-items:center;justify-content:center}.icon-item1 .icon-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.418);border:1px solid #fff;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1),inset 0 1px 1px hsla(0,0%,100%,.3);box-shadow:0 4px 12px rgba(0,0,0,.226);display:block;display:flex;font-size:20px;height:90px;line-height:80px;overflow:hidden;position:relative;text-align:center;width:90px;z-index:1}@media (max-width:768px){.icon-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding-left:20px;padding-right:20px;width:100%}.icon-container,.icon-item1{align-items:center;display:flex}.icon-item1{flex:1 1;justify-content:center;list-style:none;margin-bottom:2vw;min-width:calc(23.33% - 10px)}.icon-item1 .icon-link{height:60px;width:60px}}.icon-item1 .icon-link .icon{color:#262626;height:100%;object-fit:cover;position:absolute;transition:.5s;width:100%;z-index:3}.icon-item1 .icon-link:hover .icon{color:#fff;-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.icon-item1 .icon-link:before{background:red;content:"";height:100%;left:0;position:absolute;top:100%;transition:.5s;width:100%;z-index:2}.icon-item1 .icon-link:hover:before{top:0}.icon-item1:first-child .icon-link:before{background:#6b0b0bd8}.icon-item1:nth-child(2) .icon-link:before{background:#176810bd}.icon-item1:nth-child(3) .icon-link:before,.icon-item1:nth-child(4) .icon-link:before{background:#3e6bbe}.icon-item1:nth-child(5) .icon-link:before{background:#176810bd}.icon-item1:nth-child(6) .icon-link:before{background:#180a0a}.icon-item1:first-child .icon-link.active:before{background:#6b0b0bd8}.icon-item1:nth-child(2) .icon-link.active:before{background:#176810bd}.icon-item1:nth-child(3) .icon-link.active:before{background:#3e6bbe}.icon-item1 .icon-link.active:before,.icon-item1 .icon-link:hover:before{top:0}.contentContainer{align-items:center;display:flex;flex-direction:column;font-size:20px;justify-content:center;margin-top:50px;position:relative;text-align:center}.email-list,.location-list,.phone-number-list{display:block;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,transform .4s;transition:opacity .4s,transform .4s,-webkit-transform .4s;z-index:9999}.email-list.active,.location-list.active,.phone-number-list.active{opacity:1;pointer-events:all;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.AboutMe{align-items:center;flex-direction:column;margin-top:100px}.AboutMe .container55{max-width:none}.AboutMe .content{align-items:center;display:flex;gap:2rem;justify-content:center;padding:0 50px}.AboutMe .profilePic img{border-radius:50%;max-width:200px;transition:opacity .3s ease}.AboutMe .AboutMeText{padding:100px}.AboutMe .AboutMeTitle{margin-bottom:20px}@media (max-width:768px){.AboutMe .container,.AboutMe .content{flex-direction:column}}.AboutMe .textColumn{flex:1 1}.AboutMe .AboutMeText{color:#000;font-family:Arial,sans-serif;font-size:18px;line-height:3;margin-bottom:20px;padding:30px;text-align:justify}.AboutMe.lightMode .text{color:#fff}.AboutMe.lightMode .text-darkMode{color:#000}.AboutMe.darkMode .text-darkMode{color:#fff}.AboutMe .AboutMeTitle{color:#000;font-size:50px;text-align:center}.gallery{--g:8px;-webkit-clip-path:inset(1px);clip-path:inset(1px);display:grid}.gallery>img{--_p:calc(var(--g)*-1);aspect-ratio:1;border-radius:50%;cursor:pointer;grid-area:1/1;padding:20px;transition:.4s .1s;width:350px}.gallery>img:first-child{-webkit-clip-path:polygon(0 0,calc(100% + var(--_p)) 0,0 calc(100% + var(--_p)));clip-path:polygon(0 0,calc(100% + var(--_p)) 0,0 calc(100% + var(--_p)))}.gallery>img:last-child{-webkit-clip-path:polygon(100% 100%,100% calc(0% - var(--_p)),calc(0% - var(--_p)) 100%);clip-path:polygon(100% 100%,100% calc(0% - var(--_p)),calc(0% - var(--_p)) 100%)}.gallery:hover>img:first-child:hover,.gallery:hover>img:last-child{--_p:calc(50% - var(--g))}.gallery:hover>img:first-child,.gallery:hover>img:first-child:hover+img{--_p:calc(-50% - var(--g))}@media (max-width:768px){.AboutMe .container{flex-direction:column}.gallery>img{--_p:calc(var(--g)*-1);aspect-ratio:1;border-radius:50%;cursor:pointer;grid-area:1/1;transition:.4s .1s;width:250px}.AboutMe .profilePic img{max-width:100%}.AboutMe .AboutMeText{color:#000;font-family:Arial,sans-serif;font-size:18px;line-height:3;margin-bottom:20px;min-width:0;padding:30px;text-align:justify}}@media (max-width:2000px){.AboutMe .AboutMeText{color:#000;font-family:Arial,sans-serif;font-size:18px;line-height:3;margin-bottom:20px;min-width:500px;padding-left:20px;padding-right:20px;text-align:justify}}@media (max-width:1468px){.AboutMe .container{flex-direction:column}.gallery>img{--_p:calc(var(--g)*-1);aspect-ratio:1;border-radius:50%;cursor:pointer;grid-area:1/1;transition:.4s .1s;width:300px}.AboutMe .profilePic img{max-width:100%}.AboutMe .AboutMeText{color:#000;font-family:Arial,sans-serif;font-size:18px;line-height:3;margin-bottom:20px;min-width:0;padding-left:20px;padding-right:20px;text-align:justify}}@media (max-width:1100px){.AboutMe .content{flex-direction:column}.gallery>img{--_p:calc(var(--g)*-1);aspect-ratio:1;border-radius:50%;cursor:pointer;grid-area:1/1;transition:.4s .1s;width:300px}.AboutMe .profilePic img{max-width:100%}.AboutMe .AboutMeText{color:#000;font-family:Arial,sans-serif;font-size:18px;line-height:3;min-width:0;padding-left:40px;padding-right:40px;text-align:justify}}.Simplebackground{background-size:"cover";height:110vh;left:0;overflow:hidden;position:fixed;top:0;transition:background-color 1s ease;width:100%;z-index:-7}.dotsinthesky{height:100%;left:-150%;position:relative;top:-150%;width:100%}@-webkit-keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.Simplebackground.lightModeBg{-webkit-animation:gradient 3s ease-in-out 1 alternate;animation:gradient 3s ease-in-out 1 alternate;background-color:#edf2f8;background:linear-gradient(-45deg,#d7e4f0,#ccfce2,#b6e9fc,#9cddee,#a6dbf0,#cbe8ff,#dfdfdf,#f5f1f1);background-size:500% 500%}.Simplebackground.darkModeBg{background-color:#141414}.Simplebackground.darkModeBg .dot{-webkit-animation:shine 5s infinite alternate,moveRandom 150s infinite alternate;animation:shine 5s infinite alternate,moveRandom 150s infinite alternate;background-color:#fff;border-radius:50%;height:2px;position:absolute;width:2px}.dotsinthesky{display:flex}@-webkit-keyframes shine{0%{opacity:.4}to{opacity:1}}@keyframes shine{0%{opacity:.4}to{opacity:1}}@-webkit-keyframes moveRandom{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(900px,-200px);transform:translate(900px,-200px)}}@keyframes moveRandom{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(900px,-200px);transform:translate(900px,-200px)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards}.fade-out{-webkit-animation:fadeOut .5s forwards;animation:fadeOut .5s forwards}.Simplebackground.darkModeBg .stars{height:120%;left:0;position:absolute;top:0;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:100%}.Simplebackground.darkModeBg .star{-webkit-animation:fall 15s linear infinite;animation:fall 15s linear infinite;background:linear-gradient(45deg,currentColor,transparent);border-radius:50%;color:#fff;-webkit-filter:drop-shadow(0 0 6px currentColor);filter:drop-shadow(0 0 6px currentColor);height:2px;position:absolute;-webkit-transform:translate3d(104em,0,0);transform:translate3d(104em,0,0);width:6em}.Simplebackground.darkModeBg .star:after,.Simplebackground.darkModeBg .star:before{-webkit-animation:blink 2s linear infinite;animation:blink 2s linear infinite;background:linear-gradient(45deg,transparent,currentColor,transparent);border-radius:inherit;content:"";height:100%;left:-.5em;position:absolute;top:0;width:1em}.Simplebackground.darkModeBg .star:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Simplebackground.darkModeBg .star:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes fall{to{-webkit-transform:translate3d(-900em,0,0);transform:translate3d(-900em,0,0)}}@keyframes fall{to{-webkit-transform:translate3d(-900em,0,0);transform:translate3d(-900em,0,0)}}@-webkit-keyframes blink{50%{opacity:.6}}@keyframes blink{50%{opacity:.6}}.Simplebackground.darkModeBg .dots{background-color:#fff;border-radius:50%;height:2px;position:absolute;width:2px}@-webkit-keyframes moveRandom1{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveRandom1{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveRandom2{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveRandom2{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}to{-webkit-transform:translate(0);transform:translate(0)}}.cloudContainer{height:300%;left:-150%;opacity:.5;position:relative;top:-150%;width:300%}@-webkit-keyframes moveRandomClouds{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(1000px,-400px);transform:translate(1000px,-400px)}}@keyframes moveRandomClouds{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(1000px,-400px);transform:translate(1000px,-400px)}}.cloud{-webkit-animation:moveRandomClouds 300s infinite alternate;animation:moveRandomClouds 300s infinite alternate;background-image:url(/static/media/cloud1.c6fbd86947961337d0e1.png);background-repeat:no-repeat;background-size:contain;height:30px;position:absolute;width:30px}.timelineContainer{margin-bottom:100px;margin-top:200px}html{font-size:14px}h2{font-size:2rem;font-weight:100;margin:5%;text-align:center}.timeline{display:flex;flex-direction:column;margin:20px auto;max-width:500px}.timeline__event{align-self:center;border-radius:6px;display:flex;margin:20px 0;position:relative;width:50vw}.timeline__event:nth-child(odd){flex-direction:row-reverse}.timeline__event:nth-child(odd) .timeline__event__content,.timeline__event:nth-child(odd) .timeline__event__date{border-radius:6px}@media (max-width:786px){.timeline__event:nth-child(odd) .timeline__event__content{border-radius:6px 0 0 6px}}.timeline__event:nth-child(odd) .timeline__event__icon:before{-webkit-animation:fillTop 2s ease-in-out 4s forwards;animation:fillTop 2s ease-in-out 4s forwards;background:#757575;content:"";height:100%;left:50%;position:absolute;right:auto;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;z-index:-1}.timeline__event:nth-child(odd) .timeline__event__icon:after{-webkit-animation:fillLeft 2s ease-in-out 4s forwards;animation:fillLeft 2s ease-in-out 4s forwards;background:#757575;content:"";height:2px;left:auto;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:-1}.timeline__event__title{color:#2196f3;font-size:1.2rem;font-weight:600;letter-spacing:1.5px;line-height:1.4;text-transform:uppercase}.timeline__event__content{background:#fff;border-radius:10px;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);padding:20px;width:calc(40vw - 84px)}@media (max-width:786px){.timeline__event__content{background:#fff;border-radius:0 6px 6px 0;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);padding:20px;width:calc(40vw - 84px)}}.timeline__event__date{background:#2196f3;border-radius:6px;color:#fff;font-size:1.5rem;font-weight:600;padding:0 20px;white-space:nowrap}.timeline__event__date,.timeline__event__icon{align-items:center;display:flex;justify-content:center}.timeline__event__icon{align-self:center;background:#757575;border-radius:100%;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);color:#2196f3;height:40px;margin:0 20px;padding:40px;position:relative;width:40px}.timeline__event__icon i{font-size:32px}.timeline__event__icon:before{-webkit-animation:fillTop 2s ease-in-out 4s forwards;animation:fillTop 2s ease-in-out 4s forwards;background:#757575;content:"";height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;z-index:-1}.timeline__event__icon:after{-webkit-animation:fillLeftOdd 2s ease-in-out 4s forwards;animation:fillLeftOdd 2s ease-in-out 4s forwards;background:#757575;content:"";height:2px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:-1}.timeline__event__description{flex-basis:60%}.timeline__event--type2:after{background:#757575}.timeline__event--type2 .timeline__event__date{background:#e0ba52;color:#fff}.timeline__event--type2:nth-child(odd) .timeline__event__icon:after,.timeline__event--type2:nth-child(odd) .timeline__event__icon:before{background:#757575}.timeline__event--type2 .timeline__event__icon{background:#757575;color:#555ac0}.timeline__event--type2 .timeline__event__icon:after,.timeline__event--type2 .timeline__event__icon:before{background:#757575}.timeline__event--type2 .timeline__event__title{color:#e0ba52}.timeline__event--type3:after{background:#24b47e}.timeline__event--type3 .timeline__event__date{background-color:#e0ba52;color:#fff}.timeline__event--type3:nth-child(odd) .timeline__event__icon:after,.timeline__event--type3:nth-child(odd) .timeline__event__icon:before{background:#757575}.timeline__event--type3 .timeline__event__icon{background:#757575;color:#24b47e}.timeline__event--type3 .timeline__event__icon:after,.timeline__event--type3 .timeline__event__icon:before{background:#757575}.timeline__event--type3 .timeline__event__title{color:#e0ba52}.timeline__event:last-child .timeline__event__icon:before{content:none}@media (max-width:786px){.timeline__event{align-self:center;flex-direction:column}.timeline__event__content{width:100%}.timeline__event__icon{border-radius:6px 6px 0 0;box-shadow:none;margin:0;width:100%}.timeline__event__icon:after,.timeline__event__icon:before{display:none}.timeline__event__date{border-radius:6px;padding:20px}.timeline__event:nth-child(odd){align-self:center;flex-direction:column}.timeline__event:nth-child(odd) .timeline__event__date{border-radius:6px;padding:20px}.timeline__event:nth-child(odd) .timeline__event__icon{border-radius:6px 6px 0 0;margin:0}}@-webkit-keyframes fillLeft{to{right:100%}}@keyframes fillLeft{to{right:100%}}@-webkit-keyframes fillTop{to{top:100%}}@keyframes fillTop{to{top:100%}}@-webkit-keyframes fillLeftOdd{to{left:100%}}@keyframes fillLeftOdd{to{left:100%}}.timelineimage{width:70px}@media (max-width:786px){.timelineimage{width:120px}}.ProfessionalXP{display:flex;flex-wrap:wrap;justify-content:space-evenly;justify-content:space-around;justify-items:center;max-width:2000px;min-height:500px;overflow:hidden;padding:0 50px 50px;position:relative;width:100%}.PXPContainer{align-items:center;justify-items:center}.ProfessionalXP-wrapper,.card{align-items:center;display:flex;justify-content:center}.card{background:#000;box-shadow:0 10px 70px -60px #000;height:379px;overflow:hidden;transition:background .8s;width:250px}.border,.card{border-radius:10px;position:relative}.border{background:transparent;height:369px;transition:border 1s;width:290px}.border:hover{border:1px solid rgba(97,97,99,.199)}h2{color:#fff;margin:20px}.cardIcon,.fa,h2{opacity:0;transition:opacity 1s}.icons{fill:#fff;align-items:center;color:#fff;display:flex;flex-direction:column;height:130px;justify-content:space-around;position:absolute;top:226px;width:50px}.card0{background:url(https://img.freepik.com/free-icon/language_318-928318.jpg) 50% no-repeat;background-size:200px}.card0:hover{background:url(https://img.freepik.com/free-icon/language_318-928318.jpg) 0 no-repeat;background-size:300px}.card1{background:url(https://upload.wikimedia.org/wikipedia/commons/2/2d/Mobile-Smartphone-icon.png) 50% no-repeat;background-size:200px}.card1:hover{background:url(https://upload.wikimedia.org/wikipedia/commons/2/2d/Mobile-Smartphone-icon.png) 0 no-repeat;background-size:300px}.card2{background:url(https://cdn-icons-png.flaticon.com/512/1509/1509433.png) 50% no-repeat;background-size:200px}.card2:hover{background:url(https://cdn-icons-png.flaticon.com/512/1509/1509433.png) 0 no-repeat;background-size:300px}.card3{background:url(https://cdn.icon-icons.com/icons2/3053/PNG/512/adobe_creative_cloud_alt_macos_bigsur_icon_190454.png) 50% no-repeat;background-size:200px}.card3:hover{background:url(https://cdn.icon-icons.com/icons2/3053/PNG/512/adobe_creative_cloud_alt_macos_bigsur_icon_190454.png) 0 no-repeat;background-size:300px}.card0:hover .cardIcon,.card0:hover h2,.card1:hover .cardIcon,.card1:hover h2,.card2:hover .cardIcon,.card2:hover h2,.card3:hover .cardIcon,.card3:hover h2{opacity:1}.cardIcon{width:25px}@media (max-width:768px){.card{margin:1rem 0;max-width:100%}.ProfessionalXP{align-items:center;flex-direction:column;justify-content:center;width:100%}.ProfessionalXP .card{margin-bottom:20px;margin-top:20px}.ProfessionalXP .card:first-child{margin-top:0}.ProfessionalXP .card:last-child{margin-bottom:0}}.Matrix{height:500px;justify-content:center;margin-top:400px;position:relative}.Matrix,.Matrix .container{align-items:center;display:flex}.Matrix .container{justify-content:space-evenly;width:100%}.Matrix .column{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:50%}.Matrix .bluepill,.Matrix .redpill{cursor:pointer;width:20%}.Matrix .bluepill{cursor:auto;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:left .1s ease,top .1s ease}.redpill{transition:scale 1.5s}.redpill:hover{scale:1.3}.bluepill:hover{scale:.7}.matrixText{color:#1bff1b;font-family:MatrixCode,monospace;font-size:2.5rem;font-weight:700;text-align:center;text-decoration:underline;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:350px;z-index:1}.matrixBody,.matrixText{left:50%;position:absolute}.matrixBody{opacity:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}@media (max-width:900px){.matrixText{font-size:20px;text-decoration:underline;top:100px;width:200px}}.HobbiesBigContainer{margin-bottom:100px;margin-top:200px}.hobbiesContainer{display:flex;justify-content:center}.l-container{grid-gap:30px;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;max-width:1200px;padding:30px;width:100%}.b-game-card{padding-bottom:150%;-webkit-perspective:1000px;perspective:1000px;position:relative;width:100%;z-index:1}.b-game-card__cover{background-size:cover;border-radius:10px;height:100%;left:0;overflow:hidden;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:absolute;top:0;-webkit-transform:skewX(.001deg);transform:skewX(.001deg);-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;width:100%;will-change:transform;z-index:1}.b-game-card__cover.cover1{background-image:url(https://alignbodyclinic.co.uk/wp-content/uploads/2018/05/federer.png)}.b-game-card__cover.cover2{background-image:url(https://assets.publishing.service.gov.uk/government/uploads/system/uploads/image_data/file/185528/s960_GamesAdobeStock_243396970.jpeg)}.b-game-card__cover.cover3{background-image:url(https://cdn.britannica.com/86/145786-050-5BD27317/chef-cooking-restaurant-kitchen.jpg)}.b-game-card__cover.cover4{background-image:url(https://images.expertreviews.co.uk/wp-content/uploads/2018/04/electricguitardude_0.jpg?width=626&height=352&fit=crop&format=webply)}.b-game-card__cover:after{content:"";display:block;height:120%;left:0;position:absolute;top:0;-webkit-transform:translateY(-20%);transform:translateY(-20%);transition:-webkit-transform .65s cubic-bezier(.18,.9,.58,1);transition:transform .65s cubic-bezier(.18,.9,.58,1);transition:transform .65s cubic-bezier(.18,.9,.58,1),-webkit-transform .65s cubic-bezier(.18,.9,.58,1);width:100%;will-change:transform;z-index:100}.b-game-card:hover .b-game-card__cover{-webkit-transform:rotateX(7deg) translateY(-6px);transform:rotateX(7deg) translateY(-6px)}.b-game-card:hover .b-game-card__cover:after{-webkit-transform:translateY(0);transform:translateY(0)}.b-game-card:before{background:rgba(0,0,0,.5);box-shadow:0 6px 12px 12px rgba(0,0,0,.4);content:"";display:block;height:90%;left:5%;position:absolute;top:5%;-webkit-transform:skewX(.001deg);transform:skewX(.001deg);-webkit-transform-origin:top center;transform-origin:top center;transition:opacity .5s ease-in-out,-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out,opacity .5s ease-in-out;transition:transform .35s ease-in-out,opacity .5s ease-in-out,-webkit-transform .35s ease-in-out;width:90%;will-change:opacity}.b-game-card:hover:before{opacity:.6;-webkit-transform:rotateX(7deg) translateY(-6px) scale(1.05);transform:rotateX(7deg) translateY(-6px) scale(1.05)}@media screen and (max-width:760px){.l-container{grid-template-columns:repeat(2,1fr)}}.icon-container{flex-wrap:wrap;gap:30px}.icon-container,.icon-item{display:flex;justify-content:center}.icon-item{align-items:center;background:#333;border-radius:50%;height:50px;position:relative;transition:.5s;width:50px}.icon-item img{max-height:100%;max-width:80%;transition:.5s}.container3{display:flex;flex-wrap:wrap;justify-content:space-between}.icon-item:before{background:#ffee10;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(.9);transform:scale(.9);transition:.5s;width:100%;z-index:-1}@media screen and (max-width:768px){.container3{display:inline;display:initial}}.container2{flex:0 0 48%;margin-bottom:4%}.icon-item:hover:before{box-shadow:0 0 15px #ffee10}.icon-item:hover img,.icon-item:hover:before{-webkit-transform:scale(1.1);transform:scale(1.1)}.container2{margin-bottom:50px}.item1:hover:before{box-shadow:0 0 15px #152cff;-webkit-transform:scale(1.1);transform:scale(1.1)}.item1:before{background:#152cff}.item2:hover:before{box-shadow:0 0 15px #3fffb6;-webkit-transform:scale(1.1);transform:scale(1.1)}.item2:before{background:#3fffb6}.item3:hover:before{box-shadow:0 0 15px #01ff4d;-webkit-transform:scale(1.1);transform:scale(1.1)}.item3:before{background:#01ff4d}.item4:hover:before{box-shadow:0 0 15px #ff15eb;-webkit-transform:scale(1.1);transform:scale(1.1)}.item4:before{background:#ff15eb}.item5:hover:before{box-shadow:0 0 15px #ff1212;-webkit-transform:scale(1.1);transform:scale(1.1)}.item5:before{background:#ff1212}.item6:hover:before{box-shadow:0 0 15px #770eff;-webkit-transform:scale(1.1);transform:scale(1.1)}.item6:before{background:#770eff}.Projects{min-height:100vh;overflow:hidden;position:relative}.Galaxy1{-webkit-animation:rotate 200s linear infinite;animation:rotate 200s linear infinite;background-image:url(/static/media/galaxy2.5ee0798fb5a9e7f20c55.jpg);background-size:100%;scale:3}.Galaxy1,.glaxy2{background-position:50%;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.glaxy2{animation:rotate 100s infinite reverse;background-image:url(/static/media/react.8a6fc0a24a800d1e0f4a.png);background-repeat:no-repeat;background-size:50%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ProjectsContainer{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:2000px;padding:10px 1rem;width:100%}.ProjectsBIGContainer{display:flex;justify-content:center}.wrap{border-radius:10px;flex-wrap:wrap;height:20em;justify-content:space-around;margin:1rem auto;overflow:hidden;transition:.3s ease-in-out;width:50vmin}.overlay,.wrap{display:flex;position:relative}.overlay{background:#f6fff6;height:100%;padding:1rem .75rem;transition:.4s ease-in-out;width:100%;z-index:1}.overlay-content{border-image:linear-gradient(180deg,#080808 5%,hsla(237,9%,53%,0) 35% 65%,#fff 95%) 0 0 0 100%;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem 0 0 .5rem;transition:.3s ease-in-out .2s;width:15vmin;z-index:1}.image-content{background-image:url(/static/media/Card1%20Humanitairns.69728773815af2e4e1e1.png);background-size:cover;height:100%;position:absolute;right:0;top:0;transition:.3s ease-in-out;width:100%}.bg2{background-image:url(/static/media/App%20Humanitarians.0019c40780b897db230b.png)}.bg3{background-image:url(/static/media/Card3%20Project%20lab.246aeb8e6c3ca22a3a66.png)}.bg4{background-image:url(/static/media/card%204%20ambre%20clinic.2c87b9cea1c77fbde4f1.png)}.bg5{background-image:url(/static/media/Projects.183b6de4c03c82cb9db7.png)}.bg6{background-image:url(/static/media/university.8b712219c663a45fe060.webp)}.inset{border-radius:.25em;float:left;margin:.25em 1em 1em 0;max-width:90%}.TreeText{background:#fff;height:100%;overflow-y:scroll;padding:3vmin 4vmin;position:absolute;right:0;top:0;width:40vmin}.wrap:hover .overlay{-webkit-transform:translateX(-40vmin);transform:translateX(-40vmin)}.wrap:hover .image-content{width:30vmin}.wrap:hover .overlay-content{border:none;-webkit-transform:translateX(60vmin);transform:translateX(60vmin);transition-delay:.2s}.animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:cubic-bezier(.26,.53,.74,1.48);animation-timing-function:cubic-bezier(.26,.53,.74,1.48)}.pop{-webkit-animation-name:pop;animation-name:pop}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.slide{-webkit-animation-name:slide;animation-name:slide}@-webkit-keyframes slide{0%{opacity:0;-webkit-transform:translate(4em);transform:translate(4em)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes slide{0%{opacity:0;-webkit-transform:translate(4em);transform:translate(4em)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.slide-left{-webkit-animation-name:slide-left;animation-name:slide-left}@-webkit-keyframes slide-left{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes slide-left{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.slide-up{-webkit-animation-name:slide-up;animation-name:slide-up}@-webkit-keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.delay-1{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-2{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-3{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-4{-webkit-animation-delay:1.2s;animation-delay:1.2s}.delay-5{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay-6{-webkit-animation-delay:1.8s;animation-delay:1.8s}.delay-7{-webkit-animation-delay:2.1s;animation-delay:2.1s}.delay-8{-webkit-animation-delay:2.4s;animation-delay:2.4s}.CarouselsContainer{display:flex;justify-content:center}.Carousels{margin-top:150px}body{background-color:#000}.ag-courses_box{display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;padding:50px 0}.ag-courses_item{border-radius:10px;flex-basis:calc(33.33333% - 30px);margin:0 15px 30px;overflow:hidden}.ag-courses-item_link{background-color:#2c2c2c;display:block;overflow:hidden;padding:50px 20px;position:relative}.ag-courses-item_link:hover,.ag-courses-item_link:hover .ag-courses-item_date{color:#fff;text-decoration:none}.ag-courses-item_link:hover .ag-courses-item_bg{-webkit-transform:scale(10);transform:scale(10)}.ag-courses-item_title{color:#fff;font-size:30px;font-weight:700;margin:0 0 25px;min-height:87px;overflow:hidden;position:relative;z-index:2}.ag-courses-item_date-box{color:#fff;font-size:18px;position:relative;z-index:2}.ag-courses-item_date{color:#43ca77;font-weight:700;transition:color .5s ease}.ag-courses-item_bg{background-color:#34f94e77;border-radius:50%;height:128px;position:absolute;right:-75px;top:-75px;transition:all .5s ease;width:128px;z-index:1}.ag-courses_item:nth-child(2n) .ag-courses-item_bg{background-color:#cdb83eb4}.ag-courses_item:nth-child(3n) .ag-courses-item_bg{background-color:#e44002}.ag-courses_item:nth-child(4n) .ag-courses-item_bg{background-color:#952aff}.ag-courses_item:nth-child(5n) .ag-courses-item_bg{background-color:#cd3e94}.ag-courses_item:nth-child(6n) .ag-courses-item_bg{background-color:#4c49ea}@media only screen and (max-width:979px){.ag-courses_item{flex-basis:calc(50% - 30px)}.ag-courses-item_title{font-size:24px}}@media only screen and (max-width:639px){.ag-courses_item{flex-basis:100%}.ag-courses-item_title{font-size:24px;line-height:1;min-height:72px}.ag-courses-item_link{padding:22px 40px}.ag-courses-item_date-box{font-size:16px}}