@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400&display=swap);header{padding-top:8rem}.header_container{height:100%;position:relative;text-align:center}.scroll{bottom:5rem;font-size:2rem;position:fixed;right:8rem}@media only screen and (max-width:600px){.reseaux_sociaux,.scroll{display:none}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.3);display:flex;gap:.8rem;justify-content:left;padding:0 .7rem;position:fixed;width:100%;z-index:2}.nav_bar{display:flex;justify-content:flex-end;width:1500px}picture>a>img{height:50px;width:50px}nav li{display:inline-block}nav li a{background:transparent;border-radius:50%;color:var(--colorLight);display:flex;font-size:1.1rem;padding:.9rem}nav li a:hover{background:rgba(0,0,0,.3)}nav ul{list-style-type:none;margin:0;padding:0}nav ul li:hover>.dropdown{display:block}.dropdown{display:none}nav li:hover .dropdown{display:flex;flex-direction:column}@media only screen and (max-width:600px){nav{gap:.1rem}}.about_container{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%}.about_me{border-radius:2rem;display:grid;margin-top:10px;place-items:center;width:140%}.about_me-img:hover{box-shadow:0 0 5px var(--colorBgVariant),0 0 25px var(--colorBgVariant),0 0 50px var(--colorBgVariant),0 0 100px var(--colorBgVariant),0 0 200px var(--colorBgVariant)}.about_cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.about_card{background:var(--colorBgVariant);border:1px solid transparent;border-radius:1rem;padding:1.5rem;text-align:center;transition:var(--transition)}.about_card:hover{background:transparent;border-color:var(--colorPrimaryVariant);cursor:default}div>p>i{font-weight:100%}.about_icon,div>p>i{color:var(--colorPrimary)}.about_icon{font-size:1.3rem}.about_card h5{font-size:.95rem}.about_card small{color:var(--colorLight);font-size:.7rem}.about_content p{color:var(--colorLight);margin:2rem 0 2.6rem;text-align:justify}@media only screen and (max-width:1024px){.about_container{gap:0;grid-template-columns:1fr}.about_me{margin:2rem auto 4rem;width:60%}.about_content p{margin:1rem 0 1.5 rem}}@media only screen and (max-width:600px){.about_container{gap:0;grid-template-columns:1fr}.about_me{margin:0 auto 3rem;width:65%}.about_cards{gap:1rem;grid-template-columns:1fr 1fr}.about_content{text-align:center}.about_content p{margin:1.5rem 0}.btnPrimary{float:right}}.portfolio_container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.portfolio_item{background:var(--colorBgVariant);border:1px solid transparent;border-radius:2rem;margin-top:1rem;padding:.8rem;transition:var(--transition)}.portfolio_item:hover{background:transparent;border-color:var(--colorPrimaryVariant)}.portfolio_item_image{border-radius:1.5rem;overflow:hidden}.portfolio_item h3{margin:1.2rem 0 2rem}#services h2{margin-bottom:0;margin-top:2.9rem}.portfolio_item_cta{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}@media screen and (max-width:1024px){.portfolio_container{gap:1.5rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.portfolio_container{gap:1rem;grid-template-columns:1fr}.link a:first-child{margin-left:0}}.container.contact_container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact_options{display:flex;flex-direction:column;gap:1.2rem}.contact_option{background:var(--colorBgVariant);border:1px solid transparent;border-radius:1.2rem;padding:1.2rem;text-align:center;-webkit-transform:var(--transition);transform:var(--transition)}.contact_option:hover{background:transparent;border-color:var(--colorPrimaryVariant)}.contact_option_icon{font-size:1.5rem;margin-bottom:.5rem}.contact_option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:1px solid var(--colorLight);border-radius:.5rem;color:var(--colorWhite);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:1024px){.container.contact_container{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.container.contact_container{width:var(--containerWidth-sm)}}.footer_container{background-color:var(--colorPrimary);font-size:.9rem;margin-top:2rem;padding:2rem 0;text-align:center}.footer_container a img{height:150px;width:150px}.footer_logo{align-items:center;display:flex;font-size:2rem;font-weight:500;margin-bottom:2rem;margin-left:30%}.footer_container a{color:var(--colorBg)}.footer_container a:hover{color:var(--colorWhite)}.permalinks{flex-wrap:wrap;font-size:2rem;font-weight:400;margin:0 auto 3rem}.footer_media,.permalinks{display:flex;gap:2rem;justify-content:center}.footer_media{margin-bottom:4rem}.footer_media a{background-color:var(--colorBg);border:1px solid transparent;border-radius:.7rem;color:var(--colorWhite);font-size:1rem;padding:.8rem}li{list-style-type:none}.footer_media a:hover{background:transparent;border-color:var(--colorBg);color:var(--colorBg)}.copyRight{color:var(--colorBg);margin-bottom:6rem}@media only screen and (max-width:1024px){.permalinks{flex-direction:row;font-size:1.3rem;gap:1rem}.footer_media{margin-bottom:3rem}}@media only screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.3rem}.footer_media{margin-bottom:2.6rem}.footer_logo{margin-left:0}}*{border:0;box-sizing:border-box;margin:0;outline:0;padding:0;text-decoration:none}:root{--colorBg:#033c46;--colorBgVariant:#000;--colorPrimary:#007bff;--ColorPrimaryVariant:#f5f5f5;--colorWhite:silver;--colorLight:#fff;--containerWidth-lg:80%;--containerWidth-md:86%;--containerWidth-sm:90%;--transition:all 400ms ease;--link:#789}html{scroll-behavior:smooth}::-webkit-scrollbar{display:block}body{background:#033c46;background:var(--colorBg);color:silver;color:var(--colorWhite);font-family:Roboto Slab,sans-serif;line-height:1.6;position:relative}body:before{background-image:url(/static/media/fond.74e394ca8c5a1a195e50.png);background-size:cover;content:"";height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:-1}.container{margin:0 auto;width:80%;width:var(--containerWidth-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:#fff;color:var(--colorLight);text-align:center}section>h2{color:#007bff;color:var(--colorPrimary);margin-bottom:3rem}.light-text{color:#fff;color:var(--colorLight)}a{color:#007bff;color:var(--colorPrimary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#789;color:var(--link)}.btn{border:1px solid #007bff;border:1px solid var(--colorPrimary);border-radius:.4rem;color:#007bff;color:var(--colorPrimary);cursor:pointer;display:inline-block;padding:.65rem 2.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:silver;background:var(--colorWhite);border-color:transparent;box-shadow:0 0 5px #000,0 0 25px #000,0 0 50px #000,0 0 100px #000,0 0 200px #000;box-shadow:0 0 5px var(--colorBgVariant),0 0 25px var(--colorBgVariant),0 0 50px var(--colorBgVariant),0 0 100px var(--colorBgVariant),0 0 200px var(--colorBgVariant)}.btn:hover,.btnPrimary{color:#033c46;color:var(--colorBg)}.btnPrimary{background:#007bff;background:var(--colorPrimary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--containerWidth-md)}section{margin-top:6rem}.ICan_container{margin-left:0}}@media screen and (max-width:600px){.container{width:90%;width:var(--containerWidth-sm)}section>h2{margin-bottom:2rem}.ICan_container{margin-left:0}}
/*# sourceMappingURL=main.c2027ab9.css.map*/