@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.about,.global-page{min-height:calc(100vh - 80px);padding-top:10vh}@media screen and (max-width:1224px){.about,.global-page{height:auto;padding-top:5vh}}.about__content{display:flex;flex-direction:row}@media screen and (max-width:1224px){.about__content{flex-direction:column}}.about__content__left,.about__content__right{width:50%}@media screen and (max-width:1224px){.about__content__left,.about__content__right{width:100%}}.about__content__left{padding-top:5vh}@media screen and (max-width:1224px){.about__content__left{padding-top:2vh}}.about__content__right{align-items:center;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:1224px){.about__content__right{padding-top:5vh}}.about__content__right img{border-radius:50px;max-width:80%}.cta{background-color:#404040;border:none;border-radius:10px;color:#fff;font-size:1.2rem;font-weight:600;outline:none;padding:10px 40px;text-decoration:none}.cta:hover{cursor:pointer}.global-page,.home{min-height:calc(100vh - 80px);padding-top:10vh}@media screen and (max-width:1224px){.global-page,.home{height:auto;padding-top:5vh}}.home__content{margin-top:15vh;text-align:center}@media screen and (max-width:1224px){.home__content .title{font-size:3rem}}.home__content .subtitle{font-weight:400}@media screen and (max-width:1224px){.home__content .subtitle{font-size:1.2rem}}.home__content__cta{margin-top:10vh}@media screen and (max-width:1224px){.home__content__cta{margin-top:5vh}}.home__content__catch-phrase{margin-top:10vh}@media screen and (max-width:1224px){.home__content__catch-phrase{margin-top:5vh}}.home__content__catch-phrase .catch-phrase{font-size:1.5rem}@media screen and (max-width:1224px){.home__content__catch-phrase .catch-phrase{font-size:1.2rem}}#notFound{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}#notFound h1{color:#404040;font-size:4rem;text-transform:uppercase}#notFound h2{color:#404040;font-size:1.8rem;font-weight:400}#notFound p{color:#404040;font-size:1.2rem;margin-top:2rem}#notFound p:hover{cursor:pointer;text-decoration:underline}.services{height:90vh;padding-top:10vh}.services .subtitle{color:#404040;font-size:1.2rem}.services .content{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:1224px){.services .content{flex-direction:column;justify-content:flex-start}}.services .content .left{padding-top:5vh;width:50%}.services .content .left p{color:#404040;font-size:1.2rem}.services .content .left .link-container{font-weight:600;padding-top:10vh}.services .content .left .link-container p{color:#404040}.services .content .left .link-container .link{cursor:pointer;margin-top:2vh;text-decoration:underline}.services .content .right{display:flex;flex-direction:column;height:60vh;justify-content:space-between;width:50%}@media screen and (max-width:1224px){.services .content .right{height:auto;margin-bottom:5vh;margin-top:5vh}}.services .content .right .service h3{color:#404040;font-size:2rem;font-weight:600;text-transform:uppercase}@media screen and (max-width:1224px){.services .content .right .service h3{font-size:1.5rem}}.services .content .right .service p{color:#404040;font-size:1.2rem;margin-top:10px}@media screen and (max-width:1224px){.services .content .left,.services .content .right{width:100%}}.project{background-color:#fff;border:1px solid #404040;border-radius:20px;display:flex;flex-direction:column;height:350px;margin-right:60px;min-width:425px;width:425px}@media screen and (max-width:1224px){.project{margin-bottom:40px;margin-right:0}}@media screen and (max-width:500px){.project{min-width:auto;width:100%}}.project__header{border-bottom:1px solid #404040;height:45%;position:relative}.project__header img{border-radius:20px 20px 0 0;height:100%;object-fit:cover;width:100%}.project__header:hover{cursor:pointer}.project__header:hover:before{background-color:#40404080;border-radius:20px 20px 0 0;content:"";height:100%;position:absolute;width:100%}.project__header:hover:after{color:#fff;content:"Voir le projet >";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.project__body{padding:5px 10px}.project__body__title{color:#404040;font-size:1.8rem;font-weight:800;margin-bottom:0;text-transform:uppercase}.project__body__technos{display:flex;flex-direction:row;flex-wrap:wrap}.project__body__technos__badge{background-color:#404040;border-radius:20px;color:#fff;font-size:.9rem;margin-bottom:5px;margin-right:5px;padding:5px 10px}.global-page,.projects{min-height:calc(100vh - 80px);padding-top:10vh}@media screen and (max-width:1224px){.global-page,.projects{height:auto;padding-top:5vh}}.projects .subtitle{color:#404040;font-size:1.2rem}.projects .content{display:flex;flex-direction:row;height:65vh;overflow-x:auto;padding-top:10vh;width:100%}@media screen and (max-width:1224px){.projects .content{flex-wrap:wrap;justify-content:space-evenly}}@media screen and (max-width:992px){.projects .content{height:auto}}#contact{height:90vh;padding-top:10vh}#contact h1{color:#404040;font-size:4rem;font-weight:800;text-transform:uppercase}#contact .subtitle{color:#404040;font-size:1.2rem}#contact .content{display:flex;flex-direction:row;justify-content:space-between}#contact .content .left{width:50%}#contact .content .left .error{color:#e03d3d;font-size:1.2rem;font-weight:700;margin-top:1rem}#contact .content .left .success{color:#5ac45a;font-size:1.2rem;font-weight:700;margin-top:1rem}#contact .content .right{display:flex;flex-direction:column;width:50%}#contact .content .right .title{color:#404040;font-size:2rem;font-weight:800;margin-bottom:2vh;text-transform:uppercase}#contact .content .right .socials{display:flex;flex-direction:column;margin-top:2rem}#contact .content .right .socials .link{color:#404040;font-size:1.2rem;margin-bottom:1rem}#contact .content .right .number-container{display:flex;flex-direction:column;margin-top:2rem}#contact .content .right .number-container .number{color:#404040;font-size:2.5rem;font-weight:800}@media screen and (max-width:992px){#contact{height:auto}#contact h1{font-size:2.5rem}#contact .subtitle{font-size:1rem}#contact .content{flex-direction:column}#contact .content .left{align-items:center;display:flex;flex-direction:column;width:100%}#contact .content .right{margin-top:5vh;width:100%}#contact .content .right .socials{align-items:center;display:flex;flex-direction:column;margin-top:2rem}#contact .content .right .title{font-size:1.5rem;text-align:center}#contact .content .right .number-container{align-items:center;display:flex;flex-direction:column}#contact .content .right .number-container .number{font-size:2rem;text-decoration:none}}.navbar{align-items:center;display:flex;flex-direction:row;height:80px;justify-content:space-between}.navbar__logo{width:20%}.navbar__logo .home-link img{max-height:5vh}.navbar__logo .title{color:#fff;font-weight:900;text-transform:uppercase}@media screen and (max-width:1224px){.navbar__logo .title{font-size:1.2rem}}.navbar__links{align-items:center;background-color:#404040;border-radius:50px;display:flex;flex-direction:row;height:5vh;justify-content:center;width:auto}@media screen and (max-width:1224px){.navbar__links{display:none}}.navbar__links .link{border-radius:50px;color:#fff;cursor:pointer;font-weight:600;margin:0 20px;padding:5px 10px;position:relative;text-decoration:none;text-transform:uppercase}.navbar__links .link.active,.navbar__links .link:hover{background-color:#fff;color:#404040}.navbar__burger{color:#404040;display:none;vertical-align:middle}.navbar__burger p{font-size:1.2rem;margin:0}@media screen and (max-width:1224px){.navbar__burger{display:block}}.navbar__mobile{display:none}.navbar__mobile__active{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow-x:hidden;position:absolute;top:0;width:100%;z-index:1000}.navbar__mobile .link{color:#404040;cursor:pointer;font-size:1.2rem;font-weight:700;margin:20px 0;text-decoration:none;text-transform:uppercase}#layout{background:linear-gradient(90deg,#fff 48.5px,#0000 1%) 50%,linear-gradient(#fff 48.5px,#0000 1%) 50%,#0000004d;background-size:50px 50px;min-height:100vh;padding:0 5rem}@media screen and (max-width:1224px){#layout{height:auto;min-height:100vh;padding:0 20px 20px}}*{box-sizing:border-box;color:#404040;font-family:Work Sans,sans-serif;margin:0;padding:0}p{font-size:21px;font-weight:400;line-height:1.5;margin-bottom:20px}@media screen and (max-width:1224px){p{font-size:18px}}.global-page{min-height:calc(100vh - 80px);padding-top:10vh}@media screen and (max-width:1224px){.global-page{height:auto;padding-top:5vh}}.h1{font-size:62px;font-weight:900;text-transform:uppercase}@media screen and (max-width:1224px){.h1{font-size:31px}}.h2{font-size:36px;font-weight:900;line-height:1.2;margin-bottom:20px;text-transform:uppercase}@media screen and (max-width:1224px){.h2{font-size:24px}}.h3{font-size:24px;font-weight:900;line-height:1.2;margin-bottom:20px;text-transform:uppercase}@media screen and (max-width:1224px){.h3{font-size:18px}}form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}form .form-group input,form .form-group textarea{border:1px solid #404040;border-radius:20px;margin-top:.5rem;padding:1rem}form .form-group input[placeholder],form .form-group textarea[placeholder]{color:#404040;font-weight:700;text-transform:uppercase}form button[type=submit]{align-items:center;background-color:#404040;border:none;border-radius:20px;color:#fff;display:flex;font-weight:700;justify-content:center;margin-top:1rem;padding:1rem;text-transform:uppercase;transition:.3s;width:50%}form button[type=submit]:hover{background-color:#000}form button[type=submit][disabled]{background-color:#fff;border:1px solid #404040;color:#404040;cursor:not-allowed}.test{margin-bottom:50vh}@media screen and (max-width:992px){body{padding-left:1rem;padding-right:1rem}}.header{align-items:center;display:flex;flex-direction:row;height:10vh;justify-content:space-between}.header img{max-height:7vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.000b304f.css.map*/