.navigation{align-items:center;display:flex;flex-direction:row;margin:0 12.5vw}@media screen and (max-width:480px){.navigation{justify-content:space-between}}.navContainer{background-color:#121212;height:6vh;position:fixed;width:100vw;z-index:10}@media screen and (max-width:480px){.navContainer{height:8vh}}.ilyesNav{height:inherit;width:10vw}.logoNav{height:auto;width:1.5vw}@media screen and (max-width:480px){.logoNav{width:5vw}}.contactNav{align-items:center;display:flex;height:inherit;justify-content:center;width:12.5vw}@media screen and (max-width:480px){.contactNav{width:auto}}.contactNav h1{font-size:1.3rem}.menuNav ul{align-items:center;display:flex;flex-direction:row;gap:5vw;height:6vh;justify-content:flex-start;width:55vw}@media screen and (max-width:480px){.menuNav ul{height:8vh;justify-content:center;margin-right:4vw;width:auto}}.menuNav ul li{font-size:.8rem;list-style:none}.contactButton{background-color:#137be5;border-radius:20px;color:#fff;padding:.5vh .8vw}@media screen and (max-width:480px){.contactButton{padding:.8vh 2vw}}.contactButton h2{font-size:.9rem;font-weight:400;opacity:80%}@media screen and (max-width:480px){.contactButton h2{font-size:.7rem}}.homeBG{background-color:#000;height:90vh;width:100vw}.textIntro{display:flex;flex-direction:column;gap:1vh;justify-content:center}@media screen and (max-width:480px){.textIntro{display:flex;justify-content:center;margin-top:30vh;z-index:1}}.containerIntro{background-color:#000;display:flex;flex-direction:row;height:90vh;width:100vw}.imageEffect{bottom:10vh;cursor:pointer;display:flex;height:90vh;justify-items:flex-end;overflow:hidden;position:absolute;right:0;top:5.5vh;transition:all 2s;width:40vw}@media screen and (max-width:480px){.imageEffect{bottom:22.5vh;height:75vh;position:absolute;width:100vw;z-index:0}}.imageEffect:hover img:nth-child(4){opacity:1;-webkit-transform:translate(160px);transform:translate(160px)}.imageEffect:hover img:nth-child(3){opacity:.8;-webkit-transform:translate(120px);transform:translate(120px)}.imageEffect:hover img:nth-child(2){opacity:.6;-webkit-transform:translate(80px);transform:translate(80px)}.imageEffect:hover img:first-child{opacity:.4;-webkit-transform:translate(40px);transform:translate(40px)}.ilyesPicture{height:90vh;padding-top:10vh;position:absolute;transition:.5s}@media screen and (max-width:480px){.ilyesPicture{height:auto;margin:0 15vw;position:relative;width:70vw}}.introductionContainer{display:flex;flex-direction:row;gap:1vh;height:70vh;justify-content:space-between;margin:0 12.5vw;padding-top:10vh}@media screen and (max-width:480px){.introductionContainer{justify-content:center;margin:0}}.introductionTitle{font-size:5.1rem;font-weight:600}@media screen and (max-width:480px){.introductionTitle{font-size:3rem;text-align:center}}.introductionSubTitle{font-size:1.75rem;font-weight:300}@media screen and (max-width:480px){.introductionSubTitle{font-size:1.2rem;text-align:center}}.introductionFooter{display:flex;flex-direction:row;gap:4vw;margin:12.5vh 12.5vw}@media screen and (max-width:480px){.introductionFooter{justify-content:center}}.introductionFooter li{color:hsla(0,0%,100%,.2);font-size:1.1rem;font-weight:200;list-style:none}a,h1,h2,li,p{color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif}div{overflow:hidden}body{scroll-behavior:smooth;width:100vw}button{border-style:none}li{color:hsla(0,0%,100%,.5);font-weight:325;transition:all 1s}li:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.active,li:hover{color:#fff}a{color:inherit;text-decoration:none}button:hover,li:hover{cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}.skills{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 12.5vw}@media screen and (max-width:480px){.skills{margin:10vh 12.5vw 0}}.skillsBackground{background-color:#000}.whatICan{font-size:5rem;text-align:center}@media screen and (max-width:480px){.whatICan{font-size:3rem}}.mySkillSet{font-size:2.2rem;font-weight:600;margin-top:10vh;text-align:center}@media screen and (max-width:480px){.mySkillSet{font-size:1.5rem}}.textSkillSet{-moz-text-fill-color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,pink,purple)}.lineDesc{background-color:hsla(0,0%,100%,.5);height:.15vh;margin-top:15vh}@media screen and (max-width:480px){.lineDesc{margin-top:5vh}}.resumeDesc h2{color:#137be5;cursor:pointer;font-size:1.2rem;font-weight:500;margin-top:2vh;text-align:end}.iOS{height:110vh;margin:0 12.5vw;padding-top:10vh}@media screen and (max-width:480px){.iOS{height:120vh}}.iOSBackground{background-color:#000}.mobileDevelopmentSubtitle{color:#00ff41;font-size:1.25rem}.iOSDeveloperTitle{font-size:3rem}@media screen and (max-width:480px){.iOSDeveloperTitle{font-size:1.75rem}}.iosTools{margin-top:17.5vh}@media screen and (max-width:480px){.iosTools{margin-top:5vh}}.program{align-items:center;display:flex;flex-direction:row;gap:4vw;margin-bottom:2vh}.program img{width:4vw}@media screen and (max-width:480px){.program img{width:10vw}}.projectsIos a{align-items:center;display:flex;flex-direction:row;gap:3vw}@media screen and (max-width:480px){.projectsIos a{justify-content:center;margin-top:2vh}}.projectsIos a h2{opacity:80%}.projectsIos a img{width:5vw}@media screen and (max-width:480px){.projectsIos a img{width:12.5vw}}.iosContainer{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:480px){.iosContainer{flex-direction:column}.programText{font-size:1.3rem;opacity:80%}}.iphoneExample{height:80vh;width:auto}@media screen and (max-width:480px){.iphoneExample{height:auto;margin:0;width:72.5vw}}.frontEndDevelopmentSubtitle{color:#b84bff;font-size:1.25rem}.frontEndElements{display:flex;flex-direction:row;flex-wrap:wrap;gap:3vh;justify-content:space-between;margin-top:10vh}@media screen and (max-width:480px){.frontEndElements{justify-content:space-between}}.angularFront,.cssFront,.htmlFront,.jsFront,.reactFront,.tsFront{align-items:center;display:flex;flex-direction:row;gap:2vw;height:12.5vh;width:22vw}@media screen and (max-width:480px){.angularFront,.cssFront,.htmlFront,.jsFront,.reactFront,.tsFront{flex-direction:column;gap:5vw;height:15vh;justify-content:center;padding:0;width:32.5vw}}.angularFront img,.cssFront img,.htmlFront img,.jsFront img,.reactFront img,.tsFront img{height:auto;width:3.5vw}@media screen and (max-width:480px){.angularFront img,.cssFront img,.htmlFront img,.jsFront img,.reactFront img,.tsFront img{width:10vw}}.angularFront h2,.cssFront h2,.htmlFront h2,.jsFront h2,.reactFront h2,.tsFront h2{font-size:1.75rem}@media screen and (max-width:480px){.angularFront h2,.cssFront h2,.htmlFront h2,.jsFront h2,.reactFront h2,.tsFront h2{font-size:1rem}}.projectsFrontEnd a{align-items:center;display:flex;flex-direction:row;gap:3vw;justify-content:flex-end;margin-top:10vh;width:70.5vw}@media screen and (max-width:480px){.projectsFrontEnd a{width:75vw}}.projectsFrontEnd a img{width:5vw}@media screen and (max-width:480px){.projectsFrontEnd a img{width:10vw}}.backendDevelopmentSubtitle{color:#b00d23}.projectsBackend a{align-items:center;display:flex;flex-direction:row;gap:3vw}@media screen and (max-width:480px){.projectsBackend a{justify-content:center;margin-top:10vh}}.backendTools{display:flex;flex-direction:row;gap:3vw;justify-content:space-between;margin-top:7.5vh}@media screen and (max-width:480px){.backendTools{flex-direction:column;gap:5vh;margin-top:5vh}}.rightBackend img{width:35vw}@media screen and (max-width:480px){.rightBackend img{width:70vw}}.projectsBackend a h2{opacity:80%}.projectsBackend a img{width:5vw}@media screen and (max-width:480px){.projectsBackend a img{width:10vw}}.designerSubtitle{color:#23aeff}.designContainer{display:flex;flex-direction:row;margin-top:10vh}@media screen and (max-width:480px){.designContainer{flex-direction:column;gap:10vh}}.designerTools{display:flex;flex-direction:row;flex-wrap:wrap;gap:2vw;width:40vw}@media screen and (max-width:480px){.designerTools{gap:5vw;justify-content:space-between;width:71.5vw}}.circleDesign{align-items:center;display:flex;flex-direction:column;gap:2vh;height:15vw;justify-content:center;width:15vw}@media screen and (max-width:480px){.circleDesign{height:32.5vw;width:32.5vw}}.circleDesign img{height:7vh;width:7vh}@media screen and (max-width:480px){.circleDesign img{height:5vh;width:5vh}}.circleDesign h2{font-size:1.3rem;text-align:center}@media screen and (max-width:480px){.circleDesign h2{font-size:1rem}}.design{height:100vh;margin:0 12.5vw;padding-top:10vh}.projectsDesign a{align-items:center;display:flex;flex-direction:row;gap:3vw;height:50vh;justify-content:center}@media screen and (max-width:480px){.projectsDesign a{align-items:center;height:10vh}}.projectsDesign a h2{font-size:2.5rem;opacity:80%}@media screen and (max-width:480px){.projectsDesign a h2{font-size:1.5rem}}.projectsDesign a img{width:5vw}@media screen and (max-width:480px){.projectsDesign a img{width:10vw}}.projectContainer{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(112.1deg,#111 11.4%,#171717 70.2%);border-radius:10px;box-shadow:0 0 10px 1px rgba(0,0,0,.25);display:flex;height:20vh;justify-content:center;transition:all .5s;width:16vw}@media screen and (max-width:480px){.projectContainer{height:33vw;width:70vw}}.projectContainer:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.projectName{color:#fff;padding:0 2vw;text-align:center}@media screen and (max-width:480px){.projectName{font-size:1.2rem}}.allProjects{display:flex;flex-direction:row;flex-wrap:wrap;gap:2vw;margin:4vh 12.5vw 0;padding:1vh}@media screen and (max-width:480px){.allProjects{gap:3vh;justify-content:space-between}}.designUIUXTitle{color:#23aeff;margin:5vh 12.5vw 0 13.5vw}@media screen and (max-width:480px){.designUIUXTitle{font-size:1.5rem}}.workPageContainer{background-color:#000;height:auto;padding-bottom:10vh}.myWorkTitle{font-size:3.5rem;margin:2vh 13.5vw 0}@media screen and (max-width:480px){.myWorkTitle{font-size:1.9rem}}.loader{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;position:absolute;top:0;width:100vw}.apple-loader{height:64px;width:64px}.apple-loader-inner{-webkit-animation:apple-loader 1.2s ease-in-out infinite;animation:apple-loader 1.2s ease-in-out infinite;height:100%;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center center;transform-origin:center center;width:100%}.apple-loader-inner-inner{border:3px solid #fff;border-left-color:#333;border-radius:50%;box-sizing:border-box;height:100%;position:absolute;width:100%}@-webkit-keyframes apple-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes apple-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.backButton{margin-top:12.5vh}.whiteLine{background-color:hsla(0,0%,100%,.4);height:.1vh;margin:1.5vh 13.5vw;width:70.5vw}.frontendWorkTitle{color:#b84bff;margin:5vh 12.5vw 0 13.5vw}@media screen and (max-width:480px){.frontendWorkTitle{font-size:1.5rem}}.iosWorkTitle{color:#00ff41;margin:5vh 12.5vw 0 13.5vw}@media screen and (max-width:480px){.iosWorkTitle{font-size:1.5rem}}.backendWorkTitle{color:#b00d23;margin:5vh 12.5vw 0 13.5vw}@media screen and (max-width:480px){.backendWorkTitle{font-size:1.5rem}}.workDetailsPageContainer{background-color:#000;min-height:100vh;padding-bottom:10vh}.detailsContent{display:flex;flex-direction:row;justify-content:space-between;padding:15vh 12.5vw 0}@media screen and (max-width:480px){.detailsContent{flex-direction:column}}.detailsContentWeb{display:flex;flex-direction:column;gap:10vh;padding:15vh 12.5vw 0}.detailsTitle{font-size:3.2rem}@media screen and (max-width:480px){.detailsTitle{font-size:2rem}}.descriptionWork{font-size:1rem;font-weight:500;margin-top:5vh;opacity:30%}@media screen and (max-width:480px){.descriptionWork{font-size:1rem;width:75vw!important}}.headerWorks{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:45vw}@media screen and (max-width:480px){.headerWorks{width:75vw}}.carouselView .carousel{width:26.5vw!important}@media screen and (max-width:480px){.carouselView .carousel{margin-top:5vh!important;width:75vw!important}}.carouselWeb,.carouselWeb div img{height:auto!important}.carouselWeb div img{width:75vw!important}@media screen and (max-width:480px){.carouselWeb div img{height:20vh!important}}.thumbs-wrapper{display:none}.headerDetails{display:flex;flex-direction:row;justify-content:space-between}.carousel img{height:75vh;overflow:hidden;width:auto!important}.githubButton{align-items:center;display:flex;flex-direction:row;gap:1vw;justify-content:center;padding:.5vh 1vw;transition:all 1s;width:5vw}@media screen and (max-width:480px){.githubButton{padding:.5vh 5.5vw}}.githubButton:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.gitImg{height:4vh}@media screen and (max-width:480px){.gitImg{height:3vh}}.backButton button,.backButtonAbout button{margin:0 13.5vw}.backButton button,.backButtonAbout button,.backButtonDetails button{align-items:center;background-color:transparent;display:flex;flex-direction:row;gap:1vw;justify-content:flex-start;opacity:50%;transition:all 1s}.backButtonDetails button{margin:0 13.5vw 2vh 0}.backArrow{width:1vw}@media screen and (max-width:480px){.backArrow{width:3vw}}.backTxt{font-size:1rem;font-weight:300}.backButton button:hover,.backButtonDetails button:hover{opacity:70%;-webkit-transform:scale(1.02);transform:scale(1.02)}.aboutBody{background-color:#000;min-height:100vh;padding-bottom:10vh}.aboutContainer{display:flex;flex-direction:column;gap:5vh;margin:2vh 0 0 13.5vw;width:45vw}@media screen and (max-width:480px){.aboutContainer{flex-direction:column;margin:2vh 13.5vw 0;width:75vw}}.backButtonAbout{margin-top:15vh}.aboutTitle{font-size:2.5rem}@media screen and (max-width:480px){.aboutTitle{font-size:2.2rem;text-align:center}}.aboutDescription{opacity:50%}.contentAbout{display:flex;flex-direction:row;justify-content:space-between;width:85vw}@media screen and (max-width:480px){.contentAbout{flex-direction:column;width:100vw}}.youngIlyes{display:flex;flex-direction:row;justify-content:flex-end;width:21.5vw}@media screen and (max-width:480px){.youngIlyes{width:100vw}}.youngIlyes img{height:auto;margin-top:12vh;width:20vw}@media screen and (max-width:480px){.youngIlyes img{margin:5vh 13.5vw 0;width:75vw}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}
/*# sourceMappingURL=main.89fd8e2e.css.map*/