body{font-family:"Quicksand",cursive}h2{font-family:"Raleway",sans-serif}*{scroll-behavior:smooth}#arrowTop{position:fixed;top:85%;left:125%;z-index:500;color:#ebebeb;border:1px solid #ebebeb;padding:7px 12px;background:rgba(59,59,59,.733);border-radius:50%;transition:.3s}#arrowTop:hover{background:rgba(59,59,59,.877)}#toggleNav.dark-theme i{color:#2c2926;background:#ebebeb;transition:.3s}#navigate.dark-theme li a .fixed-home,#navigate.dark-theme li a .fixed-about,#navigate.dark-theme li a .fixed-portfolio,#navigate.dark-theme li a .fixed-contact{color:#2c2926;background:#ebebeb;box-shadow:none}#navigate.dark-theme li a .home-active{color:#ebebeb;background:#2350cc}#navigate.dark-theme li a .about-active{color:#ebebeb;background:#db395a}#navigate.dark-theme li a .portfolio-active{color:#ebebeb;background:#02918c}#navigate.dark-theme li a .contact-active{color:#ebebeb;background:#9310b4}#home.dark-theme h1{color:#d2d2d2;transition:.2s}#about.dark-theme{background:#2c2926;color:#d2d2d2}#about.dark-theme h2{color:#d2d2d2}#about.dark-theme .aboutMe-text{background:#3b3733;box-shadow:none;color:#d2d2d2}#about.dark-theme .showMore{background:#0362cf}#about.dark-theme #about-part2{background:#881e32;color:#d2d2d2}#portfolio.dark-theme{background:linear-gradient(45deg, #017ac0 0%, #1b4797 100%)}#portfolio.dark-theme h2{color:#d2d2d2}#contact.dark-theme{background:#2c2926;color:#d2d2d2}#contact.dark-theme .contact-socials div div{box-shadow:none}#contact.dark-theme .contact-socials div div:hover{box-shadow:0px 0px 8px #b8b8b8}#contact.dark-theme .contact-socials div .contact-fb{background:linear-gradient(#1689c7, #0250b6)}#contact.dark-theme .contact-socials div .contact-twitter{background:linear-gradient(45deg, #008fbb 0%, #06bebe 100%)}#contact.dark-theme .contact-socials div .contact-instagram{background:linear-gradient(45deg, #4960d3 0%, #d32c32 100%)}#contact form.dark-theme{background:#313131;box-shadow:none;color:#d2d2d2}#contact form.dark-theme label{color:#d2d2d2}#contact form.dark-theme input{background:#2c2926}#contact form.dark-theme select{color:#d2d2d2;background:#2c2926}#contact form.dark-theme textarea{background:#2c2926}#contact form.dark-theme button{border:1px solid #1b4797;color:#d2d2d2;background:#1b4797}#contact form.dark-theme button:hover{border:1px solid #026feb;background:#026feb;box-shadow:2px 2px 5px #026feb}footer.dark-theme{background:#881e32;color:#d2d2d2}footer.dark-theme .footer-content ul li a{color:#d2d2d2}footer.dark-theme .footer-content .hicham a{color:#d2d2d2}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#6a81aa}::-webkit-scrollbar-thumb{background:#52688f}::-webkit-scrollbar-thumb:hover{background:#3f506f}::-webkit-scrollbar-thumb:active{background-color:#2d394e}#moodboard,#moodboard-colors{position:fixed;height:100vh;width:100%;background-position:center;display:none}#moodboard{background:center/60% url(../img/Moodboard.png) no-repeat,radial-gradient(circle, rgba(107, 132, 175, 0.301) 0%, rgba(65, 84, 117, 0.808) 100%),center/cover url(../img/windows-11-blur.jpg) fixed;z-index:9999}#moodboard-colors{background:center/60% url(../img/moodboard-colors.png) no-repeat,radial-gradient(circle, rgba(107, 132, 175, 0.301) 0%, rgba(65, 84, 117, 0.808) 100%),center/cover url(../img/windows-11-blur.jpg) fixed;z-index:9998}footer{color:#ebebeb;background:#be2342}footer .footer-content{padding:40px 0}footer .footer-content ul li a{color:#ebebeb}footer .footer-content .footer-img .esperluette{position:relative}footer .footer-content .footer-img .esperluette p{position:absolute;top:-25px;left:-10px;font-weight:600;margin-top:20px;font-size:20px}footer .footer-content p#showLoaderBtn,footer .footer-content p#showMoodboard{cursor:pointer}footer .footer-content p#showLoaderBtn:hover,footer .footer-content p#showMoodboard:hover{text-decoration:underline}footer .footer-content p.hicham a{color:#ebebeb}#loader{position:fixed;height:100vh;width:100%;background:url(../img/loading.svg) no-repeat,radial-gradient(circle, rgba(107, 132, 175, 0.301) 0%, rgba(65, 84, 117, 0.808) 100%),center/cover url(../img/windows-11-blur.jpg) fixed;background-position:center;z-index:9999}#showLoader{position:fixed;height:100vh;width:100%;background:url(../img/loading.svg) no-repeat,radial-gradient(circle, rgba(107, 132, 175, 0.301) 0%, rgba(65, 84, 117, 0.808) 100%),center/cover url(../img/windows-11-blur.jpg) fixed;background-position:center;z-index:9999;display:none}#home .switch{position:relative;display:inline-block;width:60px;height:34px}#home .switch input{opacity:0;width:0;height:0}#home .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}#home .slider:before{font-family:"Font Awesome 5 Free";position:absolute;content:"";color:#2c2926;height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}#home input:checked+.slider{background-color:#2196f3}#home input:focus+.slider{box-shadow:0 0 1px #2196f3}#home input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);font-family:"Font Awesome 5 Free";content:"";color:#eee;background:#2c2926}#home .slider.round{border-radius:34px}#home .slider.round:before{border-radius:50%}#navigate{position:fixed;top:55vh;left:14px;z-index:900;transition:.2s}#navigate li{position:relative;left:-50px;padding:3px 0;transition:.1s}#navigate li a{text-decoration:none}#navigate #navigate-about{transition:.15s}#navigate #navigate-portfolio{transition:.2s}#navigate #navigate-contact{transition:.25s}#navigate #navigate-fb{transition:.3s}#navigate #navigate-twitter{transition:.35s}#navigate #navigate-instagram{transition:.4s}#navigate .fixed-home,#navigate .fixed-about,#navigate .fixed-portfolio,#navigate .fixed-contact{color:#ebebeb;text-align:left;padding:2px 6px;height:30px;width:30px;overflow:hidden;word-break:break-all;border-radius:50px;background:#414141;box-shadow:0 1px 5px #ebebeb30;transition:.2s}#navigate .fixed-home:hover,#navigate .fixed-about:hover,#navigate .fixed-portfolio:hover,#navigate .fixed-contact:hover{width:100px}#navigate .fixed-about:hover{width:105px}#navigate .fixed-about i{padding-left:2px}#navigate .fixed-portfolio i,#navigate .fixed-contact i{padding-left:1px}#navigate .home-active{background:#2a56ce;box-shadow:none}#navigate .about-active{background:#db395a;box-shadow:none}#navigate .portfolio-active{background:#02a09b;box-shadow:none}#navigate .contact-active{background:#9310b4;box-shadow:none}#navigate .color{width:100%;height:100%}#navigate .nav-fb,#navigate .nav-twitter,#navigate .nav-instagram{color:#ebebeb;text-align:left;padding:2px 6px;height:30px;width:30px;overflow:hidden;word-break:break-all;border-radius:50px;background:#414141;transition:.2s}#navigate .nav-fb:hover,#navigate .nav-twitter:hover,#navigate .nav-instagram:hover{width:110px}#navigate .nav-fb{background:linear-gradient(#1fb1ff, #0062e0)}#navigate .nav-twitter{background:linear-gradient(0deg, #0286ad 0%, #03b9b9 100%)}#navigate .nav-twitter i{padding-left:1px}#navigate .nav-instagram{background:linear-gradient(40deg, #556de9 0%, #fb3439 100%)}#navigate .nav-instagram i{padding-left:2px}#toggleNav{position:fixed;top:50vh;left:14px;z-index:900;cursor:pointer;height:30px;width:30px;transition:.2s}#toggleNav i{color:#ebebeb;border-radius:50px;background:rgba(51,51,51,.774);padding:8px 11px}#home{position:relative;width:100%;color:#ebebeb;height:100vh;background:radial-gradient(circle, rgba(107, 132, 175, 0.301) 0%, rgba(65, 84, 117, 0.808) 100%),center/cover url(../img/windows-11-blur.jpg) fixed}#home div.home-main{margin:auto;padding-top:35vh;text-align:center}#home div.home-main .switch{position:absolute;top:10px;right:10px}#home div.home-main h1{font-size:70px;letter-spacing:5px;text-shadow:1px 1px 10px #2c2926;transition:.2s}#home div.home-main h1 span{font-weight:bolder}#home div.home-main p{font-size:25px;padding-bottom:75px;letter-spacing:2px}#home div.home-main a.explore{background:#0268dd;margin-right:10px;transition:.2s}#home div.home-main a.explore:hover{border:1px solid #07f;background:#07f}#home div.home-main a.home-contactBtn{transition:.2s}#home div.home-main a.home-contactBtn:hover{color:#fff;background:#fab700}#home .arrowDown{position:absolute;font-size:25px;top:85%;left:50%;transform:translate(-50%, 0);color:#ebebeb;padding:10px 18px;border-radius:10px;transition:.2s}#home .arrowDown:hover{background:#ebebeb33;top:85.5%}#about{width:100%;background:#ebebeb;padding:0}#about div.about-part1 img{height:800px;float:right}.aboutMe{padding-left:100px}.aboutMe h2{color:#2c2926;font-size:65px;padding-top:30px;transition:.2s}.aboutMe hr{margin:15px 0 40px 0;height:4px;width:150px;background:#be2342}.aboutMe div.aboutMe-text{background:#f1f1f1;color:#52688f;padding:20px 33px;border-radius:10px;box-shadow:5px 5px 10px #c5c5c5;margin-bottom:50px}.aboutMe div.aboutMe-text p{font-size:18px}.aboutMe .showMore{border-radius:50px;margin-right:10px}.aboutMe .myWork{border:none;color:#007bff}.aboutMe .myWork:hover{text-decoration:underline;background:none;color:#0268dd}.aboutMe .myWork i{font-size:12px}#about-part2{color:#ebebeb;background:#be2342;padding:20px}#about-part2 div.aboutMyExp{margin-bottom:100px}#about-part2 div.aboutMyExp h3{font-weight:bolder;font-size:20px;padding:40px 0;text-transform:uppercase}#about-part2 div.aboutMyExp .about-titles{font-size:30px}#about-part2 div.aboutMyKnowledge{text-align:center}#about-part2 div.aboutMyKnowledge div ul li{padding:5px 18px}#about-part2 div.aboutMyKnowledge div ul li i{cursor:pointer;padding:7px}#portfolio{background:linear-gradient(45deg, #01cbc4 0%, #017acb 100%)}#portfolio div h2{font-size:70px;color:#ebebeb;text-shadow:1px 1px 10px #2c2926;transition:.2s}#portfolio div p{color:#ebebeb;font-size:20px;text-shadow:1px 1px 10px #2c2926;transition:.2s}#portfolio hr{background:#ebebeb;height:2px;width:15%}#portfolio a:hover{text-decoration:none}#portfolio .portfolio-project1{height:600px;background:center/cover url(../img/super-mario.png) no-repeat;background-size:430%;border-radius:20px;box-shadow:5px 5px 10px #2b2b2b;transition:transform,background-size .25s}#portfolio .portfolio-project1:hover{transform:scale(1.02);border:4px solid #ebebeb;background:center/cover url(../img/super-mario-hover.png) no-repeat;background-size:400%}#portfolio .portfolio-project1:hover .project1-content{text-decoration:none;display:block}#portfolio .portfolio-project2{height:600px;background:url(../img/apple.png) no-repeat;background-position:85% 50%;background-size:420%;border-radius:20px;box-shadow:5px 5px 10px #2b2b2b;transition:transform,background-size .25s}#portfolio .portfolio-project2:hover{transform:scale(1.02);border:4px solid #ebebeb;background:url(../img/apple-hover.png) no-repeat;background-position:85% 50%;background-size:398%}#portfolio .portfolio-project2:hover .project2-content{text-decoration:none;display:block}#portfolio .portfolio-project3{height:600px;background:center/cover url(../img/workshop.png) no-repeat;background-size:430%;border-radius:20px;box-shadow:5px 5px 10px #2b2b2b;transition:transform,background-size .25s}#portfolio .portfolio-project3:hover{transform:scale(1.02);border:4px solid #ebebeb;background:center/cover url(../img/workshop-hover.png) no-repeat;background-size:400%}#portfolio .portfolio-project3:hover .project3-content{text-decoration:none;display:block}#portfolio .portfolio-project4{height:600px;background:center/cover url(../img/shield.png) no-repeat;background-size:425%;border-radius:20px;box-shadow:5px 5px 10px #2b2b2b;transition:transform,background-size .25s}#portfolio .portfolio-project4:hover{transform:scale(1.02);border:4px solid #ebebeb;background:center/cover url(../img/shield-hover.png) no-repeat;background-size:395%}#portfolio .portfolio-project4:hover .project4-content{text-decoration:none;display:block}#portfolio .project1-content,#portfolio .project2-content,#portfolio .project3-content,#portfolio .project4-content{top:40%;width:100%;display:none;color:#ebebeb}#portfolio .project1-content h3,#portfolio .project2-content h3,#portfolio .project3-content h3,#portfolio .project4-content h3{font-size:33px;font-weight:bolder}#portfolio .project1-content p,#portfolio .project2-content p,#portfolio .project3-content p,#portfolio .project4-content p{font-size:18px}#portfolio #planeAnim video{width:100%;padding:-300px 0}#contact{background:#ebebeb}#contact .contact-socials-title h2,#contact .contact-form-title h2{font-size:50px;color:#be2342;transition:.2s}#contact .contact-socials-title p,#contact .contact-form-title p{font-size:25px;color:#52688f;font-weight:700;transition:.2s}#contact .contact-socials div{transition:.2s}#contact .contact-socials div div{height:400px;background:#fff;border-radius:10px;box-shadow:5px 5px 10px #c5c5c5;transition:.3s}#contact .contact-socials div div:hover{box-shadow:10px 15px 10px #bdbdbd}#contact .contact-socials div .contact-fb{background:linear-gradient(#1fb1ff, #0062e0)}#contact .contact-socials div .contact-fb:hover i{font-size:100px}#contact .contact-socials div .contact-fb i{font-size:80px;line-height:400px;transition:.3s}#contact .contact-socials div .contact-twitter{background:linear-gradient(45deg, #019dcc 0%, #08dfdf 100%)}#contact .contact-socials div .contact-twitter:hover i{font-size:100px}#contact .contact-socials div .contact-twitter i{font-size:80px;line-height:400px;transition:.3s}#contact .contact-socials div .contact-instagram{background:linear-gradient(45deg, #556de9 0%, #fb3439 100%)}#contact .contact-socials div .contact-instagram:hover i{font-size:100px}#contact .contact-socials div .contact-instagram i{font-size:80px;line-height:400px;transition:.3s}#contact form{position:relative;background:#fff;border:2px solid #be2342;border-radius:25px;padding:30px;padding-top:45px;width:600px;box-shadow:5px 5px 10px #c5c5c5;transition:.2s}#contact form span{font-weight:bolder;color:red}#contact form p{font-size:15px}#contact form #labelName,#contact form #labelFirstName,#contact form #labelEmail,#contact form #labelAddress,#contact form #labelAddress2,#contact form #labelZip,#contact form #labelCity,#contact form #labelState,#contact form #labelTextarea1{color:gray;top:7px;left:18px;position:absolute;transition:.2s}#contact form .form-mb5{margin-bottom:40px}#contact form textarea{background:#fff}#contact form button{border:1px solid #2d7ad1}#contact form button:hover{background:#2d7ad1;box-shadow:2px 2px 5px #2d7ad1}#contact hr{background:#6a81aa;height:2px}@media screen and (max-width: 1450px){#portfolio .portfolio-project1,#portfolio .portfolio-project2,#portfolio .portfolio-project3,#portfolio .portfolio-project4{height:480px}#portfolio .project1-content h3,#portfolio .project2-content h3,#portfolio .project3-content h3,#portfolio .project4-content h3{font-size:28px}#portfolio .project1-content p,#portfolio .project2-content p,#portfolio .project3-content p,#portfolio .project4-content p{font-size:16px}}@media screen and (max-width: 1250px){#portfolio .portfolio-project1,#portfolio .portfolio-project2,#portfolio .portfolio-project3,#portfolio .portfolio-project4{height:390px}#portfolio .project1-content h3,#portfolio .project2-content h3,#portfolio .project3-content h3,#portfolio .project4-content h3{font-size:23px}#portfolio .project1-content p,#portfolio .project2-content p,#portfolio .project3-content p,#portfolio .project4-content p{font-size:13px}}@media screen and (max-width: 1050px){#portfolio .portfolio-project1,#portfolio .portfolio-project2,#portfolio .portfolio-project3,#portfolio .portfolio-project4{height:370px}}@media screen and (max-width: 992px){#navigate{left:-20%}#toggleNav{left:-20%}#arrowTop{top:85%;left:auto;right:30px}#about .aboutMe{padding:0;margin:0 16px 0 30px}#portfolio .portfolio-project1,#portfolio .portfolio-project2,#portfolio .portfolio-project3,#portfolio .portfolio-project4{background-size:250%}#portfolio .portfolio-project1:hover,#portfolio .portfolio-project2:hover,#portfolio .portfolio-project3:hover,#portfolio .portfolio-project4:hover{background-size:220%}#portfolio .project1-content h3,#portfolio .project2-content h3,#portfolio .project3-content h3,#portfolio .project4-content h3{font-size:28px}#portfolio .project1-content p,#portfolio .project2-content p,#portfolio .project3-content p,#portfolio .project4-content p{font-size:16px}#contact .contact-socials-title h2,#contact .contact-form-title h2{font-size:45px;color:#be2342}#contact .contact-socials-title p,#contact .contact-form-title p{font-size:20px;color:#52688f;font-weight:700}#contact .contact-socials div div{height:300px}#contact .contact-socials div .contact-fb:hover i{font-size:90px}#contact .contact-socials div .contact-fb i{font-size:70px;line-height:300px;transition:.3s}#contact .contact-socials div .contact-twitter:hover i{font-size:90px}#contact .contact-socials div .contact-twitter i{font-size:70px;line-height:300px;transition:.3s}#contact .contact-socials div .contact-instagram:hover i{font-size:90px}#contact .contact-socials div .contact-instagram i{font-size:70px;line-height:300px;transition:.3s}#contact form{width:550px}}@media screen and (max-width: 768px){#home div.home-main h1{font-size:50px}#about .aboutMe h2{font-size:55px}#portfolio .project1-content h3,#portfolio .project2-content h3,#portfolio .project3-content h3,#portfolio .project4-content h3{font-size:30px}#portfolio .project1-content p,#portfolio .project2-content p,#portfolio .project3-content p,#portfolio .project4-content p{font-size:18px}#contact .contact-socials-title h2,#contact .contact-form-title h2{font-size:35px;color:#be2342}#contact .contact-socials-title p,#contact .contact-form-title p{font-size:16px;color:#52688f;font-weight:700}#contact form{width:500px}#contact .contact-socials div div{height:200px}#contact .contact-socials div .contact-fb:hover i{font-size:65px}#contact .contact-socials div .contact-fb i{font-size:50px;line-height:200px;transition:.3s}#contact .contact-socials div .contact-twitter:hover i{font-size:65px}#contact .contact-socials div .contact-twitter i{font-size:50px;line-height:200px;transition:.3s}#contact .contact-socials div .contact-instagram:hover i{font-size:65px}#contact .contact-socials div .contact-instagram i{font-size:50px;line-height:200px;transition:.3s}}@media screen and (max-height: 600px){#arrowTop{top:80%}#home div.home-main{padding-top:30vh}#home div.home-main h1{font-size:50px}#home div.home-main p{padding-bottom:15px}}@media screen and (max-width: 576px){#home div.home-main h1{font-size:40px;letter-spacing:2px}#home div.home-main h1 span{display:block}#home div.home-main p{font-size:18px}#home div.home-main a.explore,#home div.home-main a.home-contactBtn{margin-bottom:7px}#portfolio div h2{font-size:40px}#portfolio div p{font-size:18px}#portfolio .portfolio-project2,#portfolio .portfolio-project3,#portfolio .portfolio-project4{background-size:250%}#portfolio .portfolio-project2:hover,#portfolio .portfolio-project3:hover,#portfolio .portfolio-project4:hover{background-size:220%}#contact .contact-socials>div{padding:0 5px}#contact form{width:95%}}@media screen and (max-height: 350px){#arrowTop{top:70%}#home div.home-main{padding-top:18vh}#home div.home-main h1{font-size:40px}#home div.home-main p{padding-bottom:5px}#home .arrowDown{top:78%}#home .arrowDown:hover{top:80%}}/*# sourceMappingURL=styles-min.css.map */