@import url(https://fonts.googleapis.com/css?family=Montserrat);@import url(https://fonts.googleapis.com/css?family=Lobster+Two);*{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}:root{--primary-color:#d6e7fb;--secondary-color:#faaba0;--primary-color-dark:#4c72ac;--tonic-color:#aac657;--tonic-color-dark:#97ac54;--primary-color-strong:#faf;--neutral-color:#566480;--neutral-color-dark:#282c34;--dark-color:#000;--dark-color-intermediate:#222;--dark-color-light:#444;--dark-color-lighter:#666;--degrade:linear-gradient(180deg,#b2679a 0%,#4c72ac 80%)}*{margin:0;padding:0;box-sizing:border-box;color:#d6e7fb;color:var(--primary-color);font-family:Montserrat,sans-serif;line-height:calc(10px + 2vmin);font-size:calc(10px + 1vmin)}.App{width:100%;min-height:100%}.container{z-index:-1;top:0;left:0;display:block;position:absolute;margin:0;padding-top:6em;min-height:100%;min-width:100%;background-color:#4c72ac;background-color:var(--primary-color-dark)}.line{width:30px;height:3px;background:var(--primary-color);margin:5px;transition:all .6s ease}.hamburger{cursor:pointer;display:none}@media screen and (max-width:768px){.hamburger{display:block}.close .line1{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.close .line2{opacity:0}.close .line3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}}.bouton_externe{background:linear-gradient(var(--dark-color),var(--dark-color-intermediate));min-width:100%;min-height:100%;border-radius:25px;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid var(--dark-color-light);border-right:1px solid var(--dark-color-light)}.bouton_interne_option2_choisie{background:linear-gradient(270deg,var(--dark-color),var(--dark-color-light));-webkit-align-items:center;align-items:center;border-left:2px solid var(--dark-color-lighter)}.bouton_interne_option1_choisie,.bouton_interne_option2_choisie{margin:auto;min-width:90%;min-height:90%;border-radius:25px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.bouton_interne_option1_choisie{background:linear-gradient(90deg,var(--dark-color),var(--dark-color-light));-webkit-align-items:stretch;align-items:stretch;border-right:2px solid var(--dark-color-lighter)}.option1{border-right:1px solid var(--dark-color)}.option1,.option2{font-size:.8em;letter-spacing:0;text-align:center;color:var(--dark-color-lighter);width:50%}.option2{border-left:1px solid var(--dark-color-lighter)}.toggle-selected{color:var(--tonic-color);text-shadow:0 0 3px var(--tonic-color),0 0 10px var(--tonic-color)}.menu-bar{height:10vh;font-size:.8em;padding-top:1em;padding-bottom:1em;background-color:var(--neutral-color-dark);box-shadow:5px 0 10px 0 rgba(0,0,0,.4);text-align:center}.menu-bar,nav{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}nav{width:75%}.menu-bar .barre-logo{text-transform:uppercase;letter-spacing:.3em;width:25%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.toggle-button{width:100px;height:33px}.menu-bar .navlink{font-size:.9em;padding:.5em;cursor:pointer;width:15%;color:var(--primary-color);text-decoration:none;border-radius:10px;-webkit-transform:translateY(0);transform:translateY(0);transition-property:border-color,-webkit-transform;transition-property:border-color,transform;transition-property:border-color,transform,-webkit-transform;transition-duration:.3s;transition-timing-function:cubic-bezier(1,2,.37,.98);transition-delay:.1s}.menu-bar .navlink:hover{color:var(--secondary-color)}.menu-bar .selected{pointer-events:none;background-color:var(--neutral-color-dark);color:var(--tonic-color)}@media screen and (max-width:1094px){.menu-bar .navlink{font-size:.7em}}@media screen and (max-width:768px){.menu-bar{padding-top:0;-webkit-flex-direction:column;flex-direction:column;font-size:.7em;position:fixed;background:var(--neutral-color-dark);height:10vh;width:100%;z-index:100}.menu-bar .barre-logo{width:100%;height:10vh;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.menu-bar .barre-logo .logo{width:70%}.toggle-button{width:90px;height:25px;padding-right:1em}nav{background:var(--neutral-color-dark);position:absolute;height:95vh;width:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateX(-100%);transform:translateX(-100%);padding-bottom:3em}.nav-open,nav{transition:-webkit-transform .5s ease-out 0s;transition:transform .5s ease-out 0s;transition:transform .5s ease-out 0s,-webkit-transform .5s ease-out 0s}.nav-open{-webkit-transform:translateY(55%);transform:translateY(55%);margin-bottom:2em}.menu-bar .navlink{border:2px solid var(--neutral-color);width:50%}.menu-bar .selected{-webkit-transform:translateY(0);transform:translateY(0);text-shadow:0 0 2px var(--secondary-color)}.menu-bar .navlink:hover{color:#fff}}.paragraphe{padding:.5em;font-size:1em;text-align:justify}.paragraphe,.paragrapheArray{-webkit-animation:parag-anim 1s ease;animation:parag-anim 1s ease}.paragrapheArray{padding:.5em .5em .5em 2em;text-align:left;list-style:none}.paragrapheArrayRow{padding-bottom:2em;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.listPicture{width:100px;height:auto}.listTexte{margin-left:1em;text-align:justify}.strong{color:var(--tonic-color);font-weight:700}@-webkit-keyframes parag-anim{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1%}}@keyframes parag-anim{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1%}}@media screen and (max-width:768px){.listPicture{width:75px;height:auto}}.home{overflow:hidden;padding-top:2em;padding-left:2em;padding-right:2em}.home .presentation{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start}.home .rgpd{cursor:pointer;background:var(--tonic-color-dark);border-radius:10px;padding:10px}.home .rgpd:before{content:"X"}.home .image{position:fixed;z-index:-1;opacity:.1;right:5%;width:50%;padding-top:50%;background-image:url(/images/serveur.svg);background-repeat:no-repeat;-webkit-animation:image-fond-anim 1s ease;animation:image-fond-anim 1s ease}@media screen and (max-width:768px){.home{padding-left:1em;padding-right:1em}.home .image{width:200px;height:200px}}.reference{width:100%}.entete{-webkit-animation:entetes-anim 1s ease;animation:entetes-anim 1s ease}.customer{position:relative;font-size:calc(10px + 1vmin);color:var(--secondary-color);background-color:var(--neutral-color-dark);border-top-left-radius:10px;border-top-right-radius:10px;padding:1em;font-weight:700}.customer:after{bottom:1px;border-radius:0 0 0 10px;background-color:var(--primary-color-dark)}.customer:after,.customer:before{content:"";position:absolute;right:-20px;height:16px;width:20px}.customer:before{bottom:0}.customer:before,.synopsis{background-color:var(--neutral-color-dark)}.synopsis{margin-top:.85em;text-align:justify;padding:2em;border-top-right-radius:10px;color:var(--secondary-color)}.pictures{background-color:var(--neutral-color-dark);margin-bottom:2em;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding-bottom:1em;-webkit-animation:entetes-anim 1s ease;animation:entetes-anim 1s ease}.picture{cursor:pointer;display:block;margin:auto}.presentations{padding-left:2em;padding-right:2em;background-color:var(--neutral-color-dark)}.pictures .imgfull{top:50%;left:50%;border-radius:1em}.pictures img{margin-top:5%;margin-left:5%;width:90%;height:auto;border-radius:.5em}.pictures .picture:first-child:nth-last-child(n+1){width:100%}.pictures .picture:first-child:nth-last-child(n+2),.pictures .picture:first-child:nth-last-child(n+2)~.picture{width:45%}.pictures .picture:first-child:nth-last-child(n+3),.pictures .picture:first-child:nth-last-child(n+3)~.picture{width:30%}@-webkit-keyframes entetes-anim{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1%}}@keyframes entetes-anim{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1%}}@media screen and (max-width:768px){.pictures .picture:first-child:nth-last-child(n+2),.pictures .picture:first-child:nth-last-child(n+2)~.picture{width:100%}.pictures .picture:first-child:nth-last-child(n+3),.pictures .picture:first-child:nth-last-child(n+3)~.picture{width:100}.pictures{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(100px,auto)}.picture{cursor:auto;pointer-events:none}}.filtre{position:absolute;top:0;left:0;width:100%;height:100%;z-index:998;background-color:rgba(0,0,0,.5)}.modale{z-index:999;position:fixed;left:10vw;top:10vh;background-color:var(--primary-color);border-radius:20px;width:80vw;height:80vh;-webkit-animation:anim-modale .5s ease-in forwards;animation:anim-modale .5s ease-in forwards}.content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.content::-webkit-scrollbar{width:12px;background-color:initial}.content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--tonic-color)}.content{margin:auto;width:100%;height:100%;overflow:auto}@-webkit-keyframes anim-modale{0%{opacity:0}to{opacity:1}}@keyframes anim-modale{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.filtre,.modale{pointer-events:none;display:hidden}}.references{overflow:hidden;padding-top:2em;padding-left:2em;padding-right:2em}.references .references-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start}.references .image{position:fixed;z-index:-1;opacity:.1;right:5%;width:50%;padding-top:50%;background-image:url(/images/devops.svg);background-repeat:no-repeat;-webkit-animation:image-fond-anim 1s ease;animation:image-fond-anim 1s ease}@-webkit-keyframes image-fond-anim{0%{opacity:1}to{opacity:.1}}@keyframes image-fond-anim{0%{opacity:1}to{opacity:.1}}@media screen and (max-width:768px){.references{padding-left:1em;padding-right:1em}.references .image{width:200px;height:200px}}.reactpage{overflow:hidden}.components-list{display:grid;grid-template-columns:repeat(2,1fr);-webkit-animation:anim_carte 1s ease-out forwards;animation:anim_carte 1s ease-out forwards}.reactpage .image{position:fixed;z-index:-1;opacity:.1;right:5%;width:50%;padding-top:50%;background-image:url(/images/uxui.svg);background-repeat:no-repeat;-webkit-animation:image-fond-anim 1s ease;animation:image-fond-anim 1s ease}@-webkit-keyframes anim_carte{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes anim_carte{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.loader{width:100px;height:100px}circle:first-of-type{stroke-dasharray:550;-webkit-animation-delay:.15s;animation-delay:.15s}circle:nth-of-type(2){stroke-dasharray:500;-webkit-animation-delay:.3s;animation-delay:.3s}circle:nth-of-type(3){stroke-dasharray:450;-webkit-animation-delay:.45s;animation-delay:.45s}circle:nth-of-type(4){stroke-dasharray:300;-webkit-animation-delay:.6s;animation-delay:.6s}.loader circle{stroke-linecap:round;fill:none;stroke-width:10;-webkit-animation-name:preloader;animation-name:preloader;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform-origin:170px 170px;transform-origin:170px 170px;will-change:transform}@-webkit-keyframes preloader{50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes preloader{50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pulse-container{width:200px;height:100px;position:relative;z-index:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.pulse-container h1{font-family:Lobster Two,cursive;font-size:2rem;text-shadow:0 1px 0 rgba(0,0,0,.5);color:var(--secondary-color)}.pulse{z-index:-1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:200px}.pulse circle{fill:var(--tonic-color);-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:pulse 2s cubic-bezier(.5,.5,0,1) infinite;animation:pulse 2s cubic-bezier(.5,.5,0,1) infinite}.pulse circle:nth-child(2){fill:var(--primary-color);-webkit-animation:pulse 2s cubic-bezier(.5,.5,0,1) .75s infinite;animation:pulse 2s cubic-bezier(.5,.5,0,1) .75s infinite}.pulse circle:nth-child(3){fill:var(--secondary-color);-webkit-animation:pulse 2s cubic-bezier(.5,.5,0,1) 1.5s infinite;animation:pulse 2s cubic-bezier(.5,.5,0,1) 1.5s infinite}@-webkit-keyframes pulse{25%{opacity:.4}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{25%{opacity:.4}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:768px){.components-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.reactpage .image{width:200px;height:200px}}.card{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:5%}.card .title{padding:5px 20px;color:var(--tonic-color);border-top-left-radius:10px;border-top-right-radius:10px}.card .content,.card .title{background:var(--neutral-color-dark);box-shadow:0 5px 10px 0 rgba(0,0,0,.4)}.card .content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding:5%;color:var(--primary-color);border-top-left-radius:2px;border-top-right-radius:20px}.card .explanations{padding:15px;font-size:.8em;line-height:.8em!important;background:var(--neutral-color-dark);border-bottom-left-radius:20px;border-bottom-right-radius:2px;box-shadow:0 5px 10px 0 rgba(0,0,0,.4);width:100%}.card .explanations p{text-align:justify;color:var(--secondary-color)}.hamburger-demo .line{width:30px;height:3px;background:var(--primary-color);margin:5px;transition:all .6s ease}.hamburger-demo,.hamburger-demo-close{cursor:pointer;display:block}.hamburger-demo-close .line1{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.hamburger-demo-close .line2{opacity:0}.hamburger-demo-close .line3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.demo.bouton_externe{background:linear-gradient(var(--dark-color),var(--dark-color-intermediate));min-width:100%;min-height:100%;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid var(--dark-color-light);border-right:1px solid var(--dark-color-light)}.demo.bouton_interne_option2_choisie{background:linear-gradient(270deg,var(--dark-color),var(--dark-color-light));-webkit-align-items:center;align-items:center;border-left:2px solid var(--dark-color-lighter)}.demo.bouton_interne_option1_choisie,.demo.bouton_interne_option2_choisie{margin:5%;cursor:pointer;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.demo.bouton_interne_option1_choisie{background:linear-gradient(90deg,var(--dark-color),var(--dark-color-light));-webkit-align-items:stretch;align-items:stretch;border-right:2px solid var(--dark-color-lighter)}.demo.option1{border-right:1px solid var(--dark-color)}.demo.option1,.demo.option2{letter-spacing:0;text-align:center;color:var(--dark-color-lighter);width:50%}.demo.option2{border-left:1px solid var(--dark-color-lighter)}.demo.toggle-selected{color:var(--tonic-color)}.demo.slide.bouton_externe{background:var(--dark-color-intermediate);min-width:100%;min-height:100%;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.demo.slide.bouton_interne_option2_choisie{height:20%;-webkit-justify-content:space-around;justify-content:space-around}.demo.slide.bouton_interne_option1_choisie,.demo.slide.bouton_interne_option2_choisie{background:var(--dark-color-lighter);cursor:pointer;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.demo.slide.bouton_interne_option1_choisie{-webkit-justify-content:space-between;justify-content:space-between}.demo.slide.option1,.demo.slide.option2{width:20%;letter-spacing:0;text-align:center;color:var(--dark-color-lighter);border-style:none;border-radius:50%;background:var(--dark-color-lighter);width:50%}.demo.slide.option1.toggle-selected{border-radius:50px;background:var(--tonic-color);color:var(--tonic-color);display:block}.demo.slide.option2.toggle-selected{border-radius:50px;background:var(--dark-color-light);color:var(--dark-color-light);display:block;text-shadow:none}.flip-card-container{position:relative;width:250px;height:320px}.flip-card{position:absolute;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .5s ease}.flip-card:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-p{font-size:.7em;line-height:1.4em;padding:1em;text-align:justify;color:var(--neutral-color-dark)}.flip-card-front{background:var(--tonic-color)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px}.flip-card-back{background:var(--secondary-color);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card h2{margin-top:30px;margin-bottom:20px;text-align:center;font-size:2em;font-family:Roboto;color:var(--neutral-color-dark)}.touchscreen-flip-card{position:absolute;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .5s ease 3s}.touchscreen-flip-card-front{background:var(--tonic-color)}.touchscreen-flip-card-back,.touchscreen-flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px}.touchscreen-flip-card-back{background:var(--secondary-color)}.touchscreen-flip-card h2{margin-top:30px;margin-bottom:20px;text-align:center;font-size:2em;font-family:Roboto;color:var(--neutral-color-dark)}.rotate{-webkit-animation:rotate-keyframes-inverse 1s forwards;animation:rotate-keyframes-inverse 1s forwards}@-webkit-keyframes rotate-keyframes{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes rotate-keyframes{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@-webkit-keyframes rotate-keyframes-inverse{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes rotate-keyframes-inverse{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.external-circle{position:relative;height:50px;width:50px;background:linear-gradient(var(--dark-color),var(--dark-color-intermediate));border-radius:25px;border-bottom:2px solid var(--dark-color-light);cursor:pointer}.middle-circle{position:absolute;top:5px;left:5px;height:40px;width:40px;background:linear-gradient(var(--dark-color-intermediate),var(--dark-color));border-radius:20px;border-top:2px solid var(--dark-color-light)}.internal-circle{position:absolute;top:8px;left:10px;height:20px;width:20px;background:var(--dark-color);border-radius:10px;border-bottom:1px solid var(--tonic-color)}.ic-green{border-bottom:1px solid green}.ic-red{border-bottom:1px solid red}.ic-orange{border-bottom:1px solid orange}.ic-yellow{border-bottom:1px solid #ff0}.light{position:absolute;top:5px;left:5px;width:10px;height:10px;background:var(--tonic-color);border-radius:5px;box-shadow:0 0 3px var(--tonic-color),0 0 5px var(--tonic-color),0 0 10px var(--tonic-color)}.light-green{background:#0f0;box-shadow:0 0 3px #0f0,0 0 5px #0f0,0 0 10px #0f0}.light-red{background:red;box-shadow:0 0 3px red,0 0 5px red,0 0 10px red}.light-orange{background:orange;box-shadow:0 0 3px orange,0 0 5px orange,0 0 10px orange}.light-yellow{background:#ff0;box-shadow:0 0 3px #ff0,0 0 5px #ff0,0 0 10px #ff0}.status-text{font-size:.5em;text-align:center}.card-contact{background:var(--neutral-color-dark);width:100%;border-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.card-contact .icon img{width:40px;height:40px}.card-contact .icon{width:50px;height:50px;background:var(--neutral-color);border-radius:25px;margin:10px;padding:5px}.card-contact .name{color:var(--secondary-color);text-transform:uppercase}.card-contact .reach{color:var(--primary-color)}.card-contact .info{margin-left:20px}.contact{position:relative;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.contacts-list{padding-top:10%;width:50%;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px;-webkit-animation:anim_carte_contact 1s ease-out;animation:anim_carte_contact 1s ease-out}.contact .image{position:fixed;z-index:-1;opacity:.1;right:5%;width:50%;padding-top:50%;background-image:url(/images/uxui.svg);background-repeat:no-repeat;-webkit-animation:image-fond-anim 1s ease;animation:image-fond-anim 1s ease}.toomuch{opacity:0;-webkit-animation:anim-oups 5s ease 1s;animation:anim-oups 5s ease 1s}.toomuch p{color:var(--secondary-color)}@-webkit-keyframes anim_carte_contact{0%{opacity:0;-webkit-transform:translateY(100%) rotate(.5turn);transform:translateY(100%) rotate(.5turn)}to{opacity:1;-webkit-transform:translateY(0) rotate(0turn);transform:translateY(0) rotate(0turn)}}@keyframes anim_carte_contact{0%{opacity:0;-webkit-transform:translateY(100%) rotate(.5turn);transform:translateY(100%) rotate(.5turn)}to{opacity:1;-webkit-transform:translateY(0) rotate(0turn);transform:translateY(0) rotate(0turn)}}@-webkit-keyframes anim-oups{0%{opacity:0}90%{opacity:1}to{opacity:0}}@keyframes anim-oups{0%{opacity:0}90%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.contacts-list{padding-top:20%;width:90%}.reactpage .image{width:200px;height:200px}}
/*# sourceMappingURL=main.df4e66a6.chunk.css.map */