@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@media screen and (max-width: 767px){body{overflow-x:hidden;overflow-y:auto;box-sizing:border-box;min-height:100vh}body #clap,body .menu>.projects{display:none}body header nav{display:flex;justify-content:space-between;width:90%;margin:auto}body header nav .menu{align-self:center}body .container{display:flex;flex-direction:column}body .container main{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}body .container main .home-wrapper,body .container main .avis-clients{width:100%}body .container main .description{padding:1.5em}body .container main .description>h1{font-size:3em;padding-bottom:1em}body .container main .all-projects{width:100%;padding:1.5em}body .container main .all-projects .videos{display:flex;flex-direction:column}body .container main .all-projects .videos .item{padding:1.5em}body .container main .all-projects .videos .item>a>img{max-width:100%}body .container main .avis-clients .item{padding:1.5em}body .container main .all-projects>h2{padding-bottom:1em}body .container main .all-projects>h2,body .container main .to-contact>h3,body .container main .avis-clients>h2{font-size:1.5em}body .container main .to-contact{padding-bottom:1em}body footer{padding-top:1em;border-top:1px solid #e8e8e9}body footer p{padding:1em}body .error404{width:100%}body .error404 h1{text-align:center}body .error404 img{max-width:80%}}@media screen and (min-width: 768px){body{overflow-y:scroll}body nav{width:100%;padding:0;display:flex;justify-content:space-evenly;backdrop-filter:blur(20px) saturate(180%)}body nav .menu{display:flex;justify-content:space-between;align-items:center}body nav .menu li{font-size:1.4em}body nav .menu .contact{padding-left:1em}body .home-wrapper{text-align:center;padding:5em 5em 2em 5em}body .home-wrapper h1{position:relative;font-size:6em}body .home-wrapper #clap{rotate:-10deg;position:absolute;animation:animation-Clap .5s ease-out 0s 1 normal forwards running}@keyframes animation-Clap{from{transform:translate(2em);rotate:-10deg}to{transform:translate(0);rotate:10deg}}body .home-wrapper .description{max-width:50%;margin:auto}body .home-wrapper *{margin-bottom:1em}body .avis-clients{max-width:50%;margin:auto}body .all-projects,body .to-contact{padding-top:2em;padding-bottom:2em}body .all-projects h2,body .all-projects h3,body .to-contact h2,body .to-contact h3{font-size:2em}body .to-contact .logo-contact{width:10%}body .to-contact h3{margin-bottom:1em;font-size:1.4em}body .all-projects{text-align:center}body .all-projects .videos{max-width:50%;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly}body .all-projects .videos .item{display:flex;flex-direction:column}body .all-projects .videos .item>a>img{border-radius:15px}body footer{padding-top:2em}body footer p{border-top:1px solid #e8e8e9;padding:2em}}html{scroll-behavior:smooth}html body{font-family:"Montserrat","Open Sans",sans-serif}html body a{text-decoration:none;color:#a50a3a;font-weight:bold}html body h2,html body h3{font-weight:bold}html body header{position:sticky;top:0;z-index:10;width:100%}html body header nav{-webkit-backdrop-filter:blur(20px) saturate(180%);padding:1.5em;background-color:rgba(255,255,255,.9)}html body header nav .menu .projects a,html body header nav .menu .contact a{border-radius:5px;padding:.5em;transition-property:background-color;transition-duration:.4s}html body header nav .menu .projects a:hover,html body header nav .menu .contact a:hover{background-color:#e5e4e4}html body .home-wrapper h1{font-weight:bold}html body .home-wrapper h1 span{color:#a50a3a}html body .home-wrapper video{max-width:100%;cursor:pointer}html body .avis-clients{padding-top:2em}html body .avis-clients video{max-width:100%;cursor:pointer}html body .avis-clients .who{font-weight:bold}html body .all-projects h2,html body .all-projects .item{padding-bottom:2em}html body .to-contact{text-align:center}html body .to-contact img{width:1.5em}html body .logo-contact{display:flex;justify-content:space-evenly;margin:auto;list-style-type:none}html .anim-on{animation-name:slide;animation-duration:.5s}@keyframes slide{from{transform:translateY(50px);opacity:0}to{transform:translateX(0);opacity:1}}html footer{text-align:center}html footer p{display:inline;color:#000}html footer p a{color:#000;font-weight:400}html .error404{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}html .error404 h1{font-weight:bold;font-size:3em}html .error404 a{text-decoration:none;font-weight:bold}html .mentions{padding-top:2em;width:80%;margin:auto;text-align:center;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around}html .mentions h1{font-weight:bold;font-size:2em}/*# sourceMappingURL=style.css.map */
