@import"https://fonts.googleapis.com/css2?family=Jersey+15&family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{scroll-behavior:smooth}body{font-family:"Oswald",sans-serif;background-color:#f4f1f8}body p{font-family:Manrope}.slide{width:100%;min-height:100vh}.container{width:90%;min-height:90vh;display:flex;flex-wrap:wrap}.container .gauche,.container .droite{width:50%}@media all and (max-width: 768px){.container .gauche,.container .droite{width:100% !important}}.category-header{font-family:Orbitron;color:#1c36b3}@media all and (max-width: 768px){#home .container{min-height:100vh}}@keyframes opa{0%{opacity:0}100%{opacity:1}}#home{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#home .container .gauche header{margin:0}#home .container .gauche .container-home{width:90%;margin:0 auto}#home .container .gauche .container-home .title{margin:10vh 0}#home .container .gauche .container-home .title h1{font-family:"Orbitron",sans-serif;font-size:clamp(3.5rem,5vw + 1rem,8rem);font-weight:bolder;color:#1c36b3;text-align:right}#home .container .gauche .container-home .title .stitle h2{opacity:0;animation-name:opa;animation-duration:.5s;animation-delay:1.5s;animation-iteration-count:1;animation-fill-mode:both;font-size:40px;color:#333;text-align:right}#home .container .gauche .container-home .title .stitle .marquee{border-radius:50px;width:50%;margin:0 auto;overflow:hidden;white-space:nowrap;box-sizing:border-box;color:#1c36b3}#home .container .gauche .container-home .title .stitle .marquee span{display:inline-block;padding-left:100%;animation:marqueeAnim 8s linear infinite;animation-delay:3s}@keyframes marqueeAnim{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#home .container .gauche .container-home #scroll-down{margin-top:10vh;text-align:center;display:flex;justify-content:center;animation-name:opa;animation-duration:.5s;animation-delay:2s;animation-iteration-count:1;animation-fill-mode:both}#home .container .gauche .container-home #scroll-down p{color:#333;font-family:Oswald}#home .container .gauche .social-link{margin-top:15vh;display:flex;width:fit-content;flex-wrap:wrap;gap:30px;animation-name:opa;animation-duration:.5s;animation-delay:2.5s;animation-iteration-count:1;animation-fill-mode:both}#home .container .gauche .social-link #Calque_1{width:25px;height:25px}#home .container .gauche .social-link #Calque_1 path{fill:#1c36b3}#home .container .gauche .social-link #Calque_2{width:25px;height:25px}#home .container .gauche .social-link #Calque_2 path{fill:#fd1d1d}#home .container .gauche .social-link #Calque_3{width:25px;height:25px}#home .container .gauche .social-link #Calque_3 .fond{fill:red}#home .container .gauche .social-link #Calque_3 .you{fill:#000}#home .container .gauche .social-link #Calque_3 .tube{fill:#fff}#home .container .gauche .social-link #Calque_4{width:25px;height:25px}#home .container .gauche .social-link #Calque_4 path{fill:#1c36b3}#home .container .gauche .social-link #Calque_4 rect{fill:#1c36b3}#home .container .droite{background-color:purple;display:flex}@media all and (max-width: 768px){#home .container .droite{display:none}}.scrolldownhome{box-shadow:0 0 5px rgba(0,0,0,.2);width:35px;height:50px;margin:20px auto auto auto;background-color:#f4f1f8;color:#1c36b3;border:solid 1px #1c36b3;display:flex;justify-content:center;align-items:center;border-radius:15%;cursor:pointer;font-size:20px;transition:opacity .3s ease}.scrolldownhome:hover{box-shadow:5px 5px 5px rgba(0,0,0,.2);background-color:#53e83a;color:#fff;border:solid 1px rgba(0,0,0,0)}#burger{display:none;width:10%}@media all and (max-width: 768px){#burger{display:block}}#burger .bar{width:100%;height:3px;margin:8px 0}#burger .bar:nth-child(2){width:70%;margin-left:auto}header{width:90%;margin:0 auto;padding:15px 0;display:flex;flex-wrap:wrap;justify-content:space-between}header #logo{width:10%}header #logo svg{width:60%;object-fit:contain;object-position:center center;height:auto;display:block;color:#333}header #logo svg:hover{transform:scale(1.1)}@media all and (max-width: 768px){header #logo{width:100px}}header nav{width:80%}@media all and (max-width: 768px){header nav{display:none}}header nav ul{list-style:none;width:100%;display:flex;justify-content:space-between}header nav ul li{position:relative}header nav ul a{color:#333;text-decoration:none;position:relative;padding:5px 0}header nav ul a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#53e83a;transform:scaleX(0);transform-origin:center;transition:transform .3s ease-in-out}header nav ul a:hover{color:#53e83a}header nav ul a:hover::after{transform:scaleX(1)}.slider{display:flex;overflow:hidden}.slider .slides{flex:1;transition:flex .5s ease;overflow:hidden;position:relative}.slider .slides img{width:100%;height:100%;object-fit:cover}.slider:hover .slides{flex:1}.slider .slides:hover{flex:7}.slider .slides:not(:hover){flex:1}#menu-mobile{width:90%;min-height:40vh;border-radius:10px;position:fixed;top:48%;left:50%;z-index:99;transform:translate(-50%, -50%);background-color:#333;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:all .5s ease-in}#menu-mobile.active{visibility:visible;opacity:1}#menu-mobile nav ul{list-style:none;text-align:center}#menu-mobile nav ul li{margin:30px 0}#menu-mobile nav ul li a{color:#f4f1f8;text-decoration:none;font-size:20px}#burgerButton{position:fixed;top:20px;right:20px;z-index:100;cursor:pointer;transform:scale(2);box-shadow:0 0 5px rgba(0,0,0,.2);display:none}@media all and (max-width: 768px){#burgerButton{display:block}}.button{background-color:#f4f1f8;border:none;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;scale:.7;border-radius:8px;transition:.25s}.ham{transition:transform 400ms;user-select:none;transform:scaleY(0.8) scaleX(1.2)}.burger-6.is-closed.hamRotate{transform:rotate(45deg) scale(1.2)}.line{fill:none;transition:.4s;stroke:#333;stroke-width:4;stroke-linecap:round}.ham.is-closed .line{stroke:#1c36b3}.ham1 .top{stroke-dasharray:40 139}.ham1 .bottom{stroke-dasharray:40 180}.burger-6.is-closed.ham1 .top{stroke-dashoffset:-98px}.burger-6.is-closed.ham1 .bottom{stroke-dashoffset:-138px}#about{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}@media(max-height: 710px){#about{min-height:80vh}}#about .gauche{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#about .gauche .texte{width:100%}#about .gauche #extra-buttons{display:flex}#about .gauche #extra-buttons .extra-button{text-decoration:none;width:fit-content;padding:10px 20px;border-radius:40px;border:solid 2px #1c36b3;color:#333;cursor:pointer;margin:20px auto}#about .gauche #extra-buttons .extra-button:hover{background-color:#53e83a;color:#fff;border:solid 2px rgba(0,0,0,0)}.img-about{width:100%;height:70vh}@media all and (max-width: 768px){.img-about{margin-top:20px}}.img-about img{width:100%;height:100%;object-fit:cover;object-position:center top}.bloc-texte{text-align:center}.conteneur{margin:0 auto;line-height:1em;max-height:8.2em;overflow:hidden;transition:max-height .5s ease-in;width:90%}.conteneur h2{margin:10px 0;font-size:40px;font-family:"Orbitron",sans-serif;font-weight:bolder;color:#1c36b3;height:30px}@media all and (max-width: 820px){.conteneur h2{font-size:20px}}@media all and (max-width: 768px){.conteneur h2{font-size:22px;margin-top:75px}}.conteneur h4{color:#1c36b3}@media(max-width: 1200px){.conteneur p{font-size:15px}}.conteneur p{font-size:15px;color:#333}.conteneur p strong{color:#1c36b3;font-weight:initial}@media(max-height: 710px){.conteneur p{margin:10px 0;font-size:13px}}@media all and (max-width: 390px){.conteneur{max-height:14em}}#toggle:checked~.conteneur{max-height:555px}@media all and (max-width: 820px){#toggle:checked~.conteneur{max-height:600px}}@media all and (max-width: 390px){#toggle:checked~.conteneur{max-height:730px}}#toggle{display:none}.label-lire-plus,.label-lire-moins{text-decoration:none;width:fit-content;padding:7px 20px;border-radius:40px;border:2px solid #1c36b3;color:#333;cursor:pointer;margin:20px auto;display:block;text-align:center}.label-lire-plus:hover,.label-lire-moins:hover{border:2px solid #53e83a;background-color:#53e83a;color:#f4f1f8}#toggle:checked~.label-lire-plus{display:none}#toggle:not(:checked)~.label-lire-moins{display:none}#skills{width:100%;padding:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#d9d9d9}#skills .skills-container{display:grid;grid-template-columns:repeat(6, 1fr);width:100%;margin:0 auto}@media all and (max-width: 768px){#skills .skills-container{grid-template-columns:repeat(3, 1fr)}}@media all and (max-width: 425px){#skills .skills-container{grid-template-columns:repeat(2, 1fr)}}#skills .skills-container .skill img{max-width:65%;height:auto;object-fit:contain;display:block;margin:10px auto 10px auto}#portfolio .wrapper{width:90%;margin:0 auto;text-align:center}#portfolio .wrapper h2{color:#1c36b3;font-family:"Orbitron",sans-serif;font-size:40px;margin:50px 0}@media all and (max-width: 768px){#portfolio .wrapper h2{font-size:22px;margin-top:10px}}@media(max-height: 710px){#portfolio .wrapper h2{margin:20px 0}}#portfolio .wrapper h4{margin:20px 0;font-family:"Orbitron",sans-serif;color:#1c36b3;font-size:20px}@media all and (max-width: 768px){#portfolio .wrapper h4{font-size:15px}}@media(max-height: 710px){#portfolio .wrapper h4{margin:5px auto}}#portfolio .wrapper p{color:#333;font-size:16px;margin:10px 0}#portfolio .wrapper .more-works{display:block;text-decoration:none;width:fit-content;padding:10px 20px;border-radius:40px;border:solid 2px #1c36b3;color:#333;cursor:pointer;margin:auto}#portfolio .wrapper .more-works:hover{background-color:#53e83a;color:#fff;border:solid 2px rgba(0,0,0,0)}#portfolio .wrapper .gal-container{display:grid;width:100%;grid-template-columns:repeat(5, 1fr);gap:15px;margin-top:50px}@media all and (max-width: 1024px){#portfolio .wrapper .gal-container{grid-template-columns:repeat(2, 1fr)}}@media all and (max-width: 700px){#portfolio .wrapper .gal-container{grid-template-columns:1fr}}#portfolio .wrapper .gal-container .gal{display:block;height:250px;background-color:#d9d9d9;border-radius:10px}#portfolio .wrapper .gal-container .gal img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:15px;transform:scale(90%);filter:grayscale(40%)}#portfolio .wrapper .gal-container .gal img:hover{transform:scale(1.1);transition:.5s;filter:none}#contact{min-height:80vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#contact .container{min-height:auto}#contact .gauche{display:flex;flex-wrap:wrap;align-items:center}#contact .gauche .contact-text{width:90%;background-color:#d9d9d9;padding:20px;margin-bottom:20px}@media all and (max-width: 768px){#contact .gauche .contact-text{width:100%}}#contact .gauche .contact-text h2{font-family:"Orbitron",sans-serif;color:#1c36b3;font-size:40px}@media all and (max-width: 768px){#contact .gauche .contact-text h2{font-size:22px}}#contact .gauche .contact-text p{margin-top:16px}#contact .gauche .contact-text a{color:#333;text-decoration:none}@media all and (max-width: 768px){#contact .gauche{order:2}}#contact .droite h2{font-family:"Orbitron",sans-serif;color:#1c36b3;font-size:40px;margin:50px 0;text-align:center}@media all and (max-width: 768px){#contact .droite h2{font-size:22px}}@media all and (max-width: 768px){#contact .droite{order:1}}#contact .droite .contact-form{width:85%;margin:0 auto}#contact .droite .contact-form .form-group{width:100%;margin:15px 0}#contact .droite .contact-form .form-group input,#contact .droite .contact-form .form-group textarea{width:100%;padding:5px;outline:none;font-family:"Oswald",sans-serif;border:none;border-bottom:solid 2px #333;border-left:solid 2px #333;background-color:rgba(0,0,0,0)}#contact .droite .contact-form .form-group textarea{height:150px;resize:none}#contact .droite .contact-form .submit{padding:20px;text-align:center}#contact .droite .contact-form .submit input{all:unset;display:block;text-decoration:none;width:fit-content;padding:10px 20px;border-radius:40px;border:solid 2px #1c36b3;color:#333;cursor:pointer;margin:20px auto}#contact .droite .contact-form .submit input:hover{background-color:#53e83a;color:#fff;border:solid 2px rgba(0,0,0,0)}#contact .droite .contact-form .error{color:red;padding:10px 0}#contact .droite .contact-form .success{color:green;padding:10px 0}footer{width:100%;color:#f4f1f8}footer #big-footer{padding:30px 0;background-color:#2a2a2a}@media(max-height: 710px){footer #big-footer{padding:15px 0;font-size:15px}}footer .container-footer{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:auto}footer .container-footer #social-footer{display:grid;width:20%;grid-template-columns:repeat(4, 1fr)}footer .container-footer #social-footer a{width:25%}footer .container-footer #social-footer a img{width:3vh}@media all and (max-width: 700px){footer .container-footer #social-footer{grid-template-columns:repeat(2, 1fr)}}footer #text-footer{width:40%;font-size:18px;text-align:center}@media all and (max-width: 768px){footer #text-footer{font-size:12px}}footer #logo-footer{display:flex;width:20%;height:auto;justify-content:right}footer #logo-footer img{width:5vh;height:5vh}footer #copyright{background-color:#333;color:#f4f1f8;display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px 0}@media(max-height: 710px){footer #copyright{font-size:12px}}footer #copyright nav{width:50%}@media all and (max-width: 768px){footer #copyright nav{width:50%}}@media(max-height: 710px){footer #copyright nav{padding:0}}footer #copyright nav ul{width:100%;list-style:none;display:flex;flex-wrap:wrap;gap:10px}footer #copyright nav ul li a{color:#f4f1f8;text-decoration:none}footer #copyright nav ul li a:hover{color:#53e83a}#work{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#work .container{border-top:solid 10px #1c36b3;padding:20px}@media all and (max-width: 768px){#work .container{border-top:none}}#work .img-about2{width:90%;margin:0 auto;height:80vh}@media all and (max-width: 768px){#work .img-about2{height:auto;margin-top:20px}}#work .img-about2 img{width:100%;height:100%;object-fit:contain;object-position:center}#work .droite{width:50%;margin:0 auto}#work .droite h1,#work .droite h3{color:#1c36b3;font-family:Orbitron}#work .droite h4{margin:5px 0;color:#333;font-family:Oswald}#work .droite h4 a{padding:0 5px;border:2px solid #1c36b3;border-radius:5px;width:fit-content;font-weight:lighter}#work .droite .text{width:90%}#work .droite .text a{color:#333;text-decoration:none;position:relative}#work .droite .text a:hover{color:#f4f1f8;background-color:#53e83a;border:2px solid #53e83a}#work .wrapper{width:90%}.swiper{width:80%;height:300px;margin:30px auto 60px}@media(max-width: 768px){.swiper{width:90%;height:auto}}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}#works .category-header{width:90%;margin:0 auto}#works .container-grid{width:90%;margin:30px auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:15px}@media all and (max-width: 810px){#works .container-grid{grid-template-columns:repeat(2, 1fr)}}@media all and (max-width: 550px){#works .container-grid{grid-template-columns:1fr}}#works .container-grid .card{width:100%;min-height:350px;background-color:#f4f1f8;border:1px solid #1c36b3;border-radius:10px}#works .container-grid .card .texte{padding:15px}#works .container-grid .card .texte a{font-family:Oswald;text-decoration:none;display:block;width:fit-content;margin-top:25px;padding:5px 15px;border:2px solid #1c36b3;border-radius:15px}#works .container-grid .card .texte a:hover{color:#f4f1f8;background-color:#53e83a;border:2px solid #53e83a;border-radius:15px}#works .container-grid .card .image{width:100%;height:200px}#works .container-grid .card .image img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:10px}#works .container-pagination{width:fit-content;margin:30px auto}#works .container-pagination #pagination{display:flex;gap:10px}#works .container-pagination{width:fit-content;margin:30px auto}#works .container-pagination #pagination{display:flex;gap:10px}#works .container-flex{width:90%;margin:30px auto;display:flex;flex-wrap:wrap;gap:15px}#works .container-flex .btn{font-family:Oswald;text-decoration:none;display:block;width:fit-content;padding:10px 20px;border-radius:20px;border:solid 2px #1c36b3;color:#333;cursor:pointer}#works .container-flex .btn:hover{background-color:#53e83a;border:solid 2px #53e83a;color:#f4f1f8}#works .container-flex .btn.active{background-color:#1c36b3;color:#f4f1f8}#works .container-flex .btn.active:hover{background-color:#53e83a}#works .container-flex .btn.all{background-color:#d9d9d9;color:#1c36b3}#works .container-flex .btn.all:hover{background-color:#53e83a;border:solid 2px #53e83a;color:#f4f1f8}.scroll-up{justify-content:center;align-items:center;width:30px;height:50px;position:fixed;top:45%;right:20px;z-index:1000;background-color:#f4f1f8;color:#1c36b3;border:solid 1px #1c36b3;border-radius:15%;cursor:pointer;display:none;font-size:20px;transition:opacity .3s ease}.scroll-up:hover{background-color:#53e83a;color:#fff;border:solid 1px rgba(0,0,0,0)}.card h2{font-family:"Orbitron",sans-serif;color:#1c36b3}@media all and (max-width: 768px){.scroll-up{display:none !important}}.theme-btn{position:fixed;top:10px;left:20px;background:none;border:none;font-size:24px;cursor:pointer;transition:transform .2s;z-index:1000;color:#000}@media all and (max-width: 820px){.theme-btn{position:absolute;top:10px;left:35px}}@media all and (max-width: 768px){.theme-btn{position:absolute;left:50%;transform:translateX(-50%);font-size:40px}}.theme-btn:hover{transform:scale(1.4) translate(0)}@media all and (max-width: 820px){.theme-btn:hover{transform:scale(1) translate(-50%)}}/*# sourceMappingURL=style.min.css.map */
