@import url(https://fonts.googleapis.com/css?family=Raleway:200);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h2{font-family:raleway,"sans-serif";color:#fff;font-size:1.7em}.App{text-align:center}.header,body{background-color:#000}.header{color:#fff;display:flex;justify-content:flex-end}.cardtrois{height:30vh;width:50vh;margin-top:40px;border-radius:5px;background-size:cover;box-shadow:0 10px 30px -5px rgba(0,0,0,.3);-webkit-transition:box-shadow .5s;transition:box-shadow .5s;will-change:transform}.button{margin-left:8px}:hover.button{color:#c23369}.transitions-item{overflow:hidden;width:100%;color:#fff;display:flex;justify-content:flex-start;align-items:center;font-size:5em;font-weight:800;text-transform:uppercase;will-change:transform,opacity,height;white-space:nowrap;cursor:pointer;line-height:80px}.script-box{will-change:width,height,left,top;position:relative}.routeu{width:100vw;height:50vh}.bodil{position:absolute;z-index:-13;top:0;bottom:0}.rien{width:600px;height:600px}.description{margin-top:10%;color:#fff;margin-bottom:10%}.animated-box{font-family:raleway,"sans-serif";color:#fff;padding:20px;text-align:center;border-radius:4px;margin:61px auto;width:16%;font-size:1.4em}.in{text-decoration:none}.animated-box h1{font-weight:200;font-size:40px;text-transform:uppercase}.animated-box p{font-weight:200}.animated-box{position:relative}.animated-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;background:linear-gradient(120deg,#00f260,#0575e6,#00f260);background-size:300% 300%;-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0)}.titreport{font-size:2.2em;text-align:center;background:-webkit-gradient(linear,left top,right top,color-stop(5%,#c23330),color-stop(40%,#c23369),color-stop(60%,#fa3a53),color-stop(90%,#c23369));background:linear-gradient(90deg,#c23330 5%,#c23369 40%,#fa3a53 60%,#c23369 90%);background-size:200% auto;margin-top:10px;color:#000;line-height:60px;-webkit-animation:animate 15s linear infinite;animation:animate 15s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:rgba(233,6,6,0)}@-webkit-keyframes animate{0%{background-position:500%}to{background-position:-500%}}@keyframes animate{0%{background-position:500%}to{background-position:-500%}}.animated-box.in:after{animation:frame-enter 7s ease-in-out reverse forwards,gradient-animation 1s ease-in-out infinite}@-webkit-keyframes gradient-animation{0%{background-position:15% 0}50%{background-position:85% 100%}to{background-position:15% 0}}@keyframes gradient-animation{0%{background-position:15% 0}50%{background-position:85% 100%}to{background-position:15% 0}}@-webkit-keyframes frame-enter{0%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0)}25%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,100% 100%,100% 0,0 0)}50%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,100% 0,0 0)}75%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,3px 3px,3px 3px,3px 3px,3px 3px,3px 3px,3px 0,0 0)}to{-webkit-clip-path:polygon(0 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,0 100%)}}@keyframes frame-enter{0%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0)}25%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,100% 100%,100% 0,0 0)}50%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,100% 0,0 0)}75%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,3px 3px,3px 3px,3px 3px,3px 3px,3px 3px,3px 0,0 0)}to{-webkit-clip-path:polygon(0 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,0 100%)}}.anim{height:250px;margin-bottom:40px;margin-left:8%}.photo{width:300px;height:300px;border-radius:50px}.head{display:flex;flex-direction:row;justify-content:space-between}.titresite{left:40%;font-size:1rem;color:#fff;text-align:left;position:absolute;top:10%;z-index:2}.card{color:#fff;display:flex;flex-direction:column;margin:0;position:relative}.projet{display:flex;flex-wrap:wrap;width:90%;justify-content:space-between;margin:auto}.lienroute{text-decoration:none;color:#fff}.bm-burger-button{position:fixed;width:36px;height:30px;right:36px;top:36px}.bm-burger-bars{background:#fff}.bm-burger-bars-hover{background:#c23369}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#fff}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#2b2b2b;padding:2.5em 1.5em 0;font-size:1.15em}.bm-morph-shape{fill:#2b2b2b}.bm-item-list{color:#b8b7ad;padding:.8em}.bm-item{display:inline-block;text-decoration:none;margin-bottom:10px;color:#b8b7ad;-webkit-transition:color .2s;transition:color .2s;outline:none;font-size:2rem}.bm-item:hover{color:#fff}.bm-overlay{background:rgba(0,0,0,.3)}#page-wrap{text-align:center;overflow:auto}.separationwbst img{max-width:369px}.separationwbst{margin-top:43px;margin-bottom:47px}h1{color:#fff}#trunk{width:100vw;height:100vh}body,button,input{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:1.4px}.background{display:flex;min-height:100vh}.container{flex:0 1 700px;margin:auto;padding:10px}.screen{position:relative;background:#3e3e3e;border-radius:15px}.screen:after{content:"";display:block;position:absolute;top:0;left:20px;right:20px;bottom:0;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.4);z-index:-1}.screen-header{display:flex;align-items:center;padding:10px 20px;background:#4d4d4f;border-top-left-radius:15px;border-top-right-radius:15px}.fa-times-circle{color:#c23369}.screen-header-left{margin-right:auto}.screen-header-button{display:inline-block;width:8px;height:8px;margin-right:3px;border-radius:8px;background:#fff}.screen-header-button.close{background:#ed1c6f}.screen-header-button.maximize{background:#e8e925}.screen-header-button.minimize{background:#74c54f}.screen-header-right{display:flex}.screen-header-ellipsis{width:3px;height:3px;margin-left:2px;border-radius:8px;background:#999}.screen-body{display:flex}.screen-body-item{flex:1 1;padding:50px}.app-title,.screen-body-item.left{display:flex;flex-direction:column}.app-title{position:relative;color:#ea1d6f;font-size:26px;text-align:left}.app-title:after{content:"";display:block;position:absolute;left:0;bottom:-10px;width:25px;height:4px;background:#ea1d6f}.app-contact{margin-top:auto;font-size:8px;color:#888}.app-form-group{margin-bottom:15px}.app-form-group.message{margin-top:40px}.app-form-group.buttons{margin-bottom:0;text-align:right}.app-form-control{width:100%;padding:10px 0;background:none;border:none;border-bottom:1px solid #666;color:#ddd;font-size:14px;text-transform:uppercase;outline:none;-webkit-transition:border-color .2s;transition:border-color .2s}.app-form-control::-webkit-input-placeholder{color:#666}.app-form-control::-moz-placeholder{color:#666}.app-form-control:-ms-input-placeholder{color:#666}.app-form-control::-ms-input-placeholder{color:#666}.app-form-control::placeholder{color:#666}.app-form-control:focus{border-bottom-color:#ddd}.app-form-button{background:none;border:none;color:#ea1d6f;font-size:14px;cursor:pointer;outline:none}.app-form-button:hover{color:#b9134f}.credits{justify-content:center;margin-top:20px;color:#ffa4bd;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400}.credits,.credits-link{display:flex;align-items:center}.credits-link{color:#fff;font-weight:700;text-decoration:none}.dribbble{width:20px;height:20px;margin:0 5px}@media screen and (max-width:520px){.screen-body{flex-direction:column}.screen-body-item.left{margin-bottom:30px}.app-title{flex-direction:row}.app-title span{margin-right:12px}.app-title:after{display:none}}@media screen and (max-width:600px){.screen-body{padding:40px}.screen-body-item{padding:0}}.example{position:absolute!important}.paper{background-image:url(/assets/fusé.png);opacity:0;height:70px;width:70px;background-size:contain;background-repeat:no-repeat;margin-right:0;margin-left:auto;-webkit-animation:animationFrames 2s ease-in;animation:animationFrames 2s ease-in;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}@keyframes animationFrames{0%{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg);opacity:1}90%{opacity:1}to{-webkit-transform:translate(-31px,-700px) rotate(-45deg);transform:translate(-31px,-700px) rotate(-45deg)}}@-webkit-keyframes animationFrames{0%{-webkit-transform:translate(0) rotate(-45deg)}90%{opacity:1}to{-webkit-transform:translate(-31px,-700px) rotate(-45deg)}}.bh{border-radius:50%;border:1000vmax solid #000;position:absolute;top:50%;left:50%;margin-left:-1020vmax;margin-top:-1020vmax;z-index:-1;width:40vmax;height:40vmax;animation:trou 3s linear;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:trou 3s linear;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-moz-animation:trou linear 3s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-o-animation:trou linear 3s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-ms-animation:trou linear 3s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}@-webkit-keyframes trou{0%{-webkit-transform:scale(4) translateX(0) translateY(0);transform:scale(4) translateX(0) translateY(0);z-index:11}to{-webkit-transform:scale(.1) translateX(0) translateY(0);transform:scale(.1) translateX(0) translateY(0);z-index:11}}@keyframes trou{0%{-webkit-transform:scale(4) translateX(0) translateY(0);transform:scale(4) translateX(0) translateY(0);z-index:11}to{-webkit-transform:scale(.1) translateX(0) translateY(0);transform:scale(.1) translateX(0) translateY(0);z-index:11}}.paperHidden{background-image:url(/assets/paper.png);height:50px;width:50px;background-size:contain;background-repeat:no-repeat;margin-right:0;margin-left:auto;z-index:-2;position:relative}.bhHidden,.button{display:none}
/*# sourceMappingURL=main.bae1bb8e.chunk.css.map */