@font-face{font-family:"open24";src:url(/louiiuol/static/media/Open-24.9d65f4e6.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"poppins";src:url(/louiiuol/static/media/Regular.41e8dead.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"poppins";src:url(/louiiuol/static/media/Regular-Italic.89c81a3c.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"poppins";src:url(/louiiuol/static/media/Black.342ba3d8.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"poppins";src:url(/louiiuol/static/media/Black-Italic.0fc816cb.ttf) format("truetype");font-weight:700;font-style:italic}.content,.is-bold,.is-italic,a,em,h1,h2,h3,h4,h5,p,strong{font-family:poppins,sans-serif}p.legend{font-style:italic;color:#7b7b7b}p.is-bold,p strong{font-weight:700}p.is-italic,p em{font-style:italic}p.is-centered,p em{text-align:center}a,h1,h2,h3,h4,h5{color:#0f2f57;transition:color .3s}a:hover,h1:hover,h2:hover,h3:hover,h4:hover,h5:hover{color:#0087bd}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{letter-spacing:1.5px}a:active{outline:none!important;border:none}a:not(.quarter-link){cursor:pointer;position:relative;padding:.25rem 0}a:not(.quarter-link):before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%,-100%);width:0;height:2px;background:#0087bd;transition:.3s ease-in}a:not(.quarter-link).selected:before,a:not(.quarter-link):active:before,a:not(.quarter-link):hover:before{width:80%}a:not(.quarter-link).selected{color:#0087bd}.Typist{color:#fff;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-align:center;font-family:open24!important;font-size:2.5rem}@media (max-width:628px){.Typist{font-size:1.5rem;margin:0}}.Typist .Cursor{padding-left:1rem;vertical-align:middle;color:currentColor;font-family:Helvetica,sans-serif;-webkit-animation:blinker .7s linear infinite;animation:blinker .7s linear infinite}::selection{background:#ee6f57;color:#f6f5f5}::-webkit-scrollbar{width:5px;z-index:0}::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(246,245,245,.6)}::-webkit-scrollbar-thumb{background:#ee6f57;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0087bd}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box}#app,#root,body,html{min-height:100vh}#app{padding-top:50px}.icon-svg svg{fill:currentColor;width:100%}ul.links{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}ul.links li{margin:0 1rem}li{list-style-type:none}a{text-decoration:none}.animated{opacity:0}.icon-svg,img{width:100%}.icon-svg>div,img>div{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse farthest-corner at 90% 90%,#0087bd,#0f2f57 100%);background-size:300% 300%;-webkit-animation:gradient 20s ease infinite;animation:gradient 20s ease infinite}section.main-container{width:100%;height:calc(100vh - 50px)}section.main-container .content.cols,section.main-container section.tab.cols{flex-flow:column nowrap}section.main-container .content.cols.start,section.main-container section.tab.cols.start{justify-content:start}section.main-container .content.wrap,section.main-container section.tab.wrap{flex-wrap:wrap;align-content:center}section.main-container section.tab{display:flex;flex-flow:column;justify-content:flex-start;align-items:center;width:100%;height:calc(100vh - 50px);overflow:hidden;overflow-y:auto;padding-top:40px}section.main-container section.tab .Typist{margin:1rem 0}section.main-container section.tab ul.list li{margin:.5rem 1.5rem;line-height:1.8rem;font-weight:700;list-style-type:disclosure-closed;width:90%}section.main-container .content{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;width:100%;height:calc(100vh - 130px)}.construction{width:40vw;height:auto;padding:1rem 2rem;min-width:300px;margin:2rem auto;background:#f6f5f5;box-shadow:1px 2px 4px rgba(56,56,56,.6)}.construction h1{font-size:2rem;text-align:center;text-transform:uppercase;color:#0f2f57;border-bottom:2px solid}.construction p{padding:.5rem 1rem;color:#7b7b7b}#algos,#apps{width:100vw;height:calc(100vh - 130px)}.icon-svg.close,.nav{-webkit-filter:drop-shadow(1px 2px 4px rgba(0,0,0,.3));filter:drop-shadow(1px 2px 4px rgba(0,0,0,.3));cursor:pointer}@-webkit-keyframes timelineOpening{0%{opacity:1;height:0;width:100px;margin:0 auto}50%{height:calc(100vh - 130px);width:100px}to{width:100%;margin:0 auto;opacity:1}}@keyframes timelineOpening{0%{opacity:1;height:0;width:100px;margin:0 auto}50%{height:calc(100vh - 130px);width:100px}to{width:100%;margin:0 auto;opacity:1}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes slideLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@-webkit-keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes slideRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}to{opacity:1;transform:scaleX(1) translateZ(0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}to{opacity:1;transform:scaleX(1) translateZ(0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0);opacity:1}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0);opacity:1}}nav#main-nav{position:fixed;top:0;left:0;transform:translate(0);width:100%;height:50px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-shadow:1px 2px 4px rgba(0,0,0,.6);background:#fff;color:#0f2f57;padding:0 2rem;z-index:15}nav#main-nav h3{font-size:1.5rem}nav#main-nav h3 span{max-width:0;transition:.6s ease-in;display:inline-block;overflow:hidden;vertical-align:bottom;opacity:0;margin-right:5px}nav#main-nav h3:hover span{max-width:250px;opacity:1}nav#main-nav .hamburger{display:none}@media (max-width:1024px){nav#main-nav .hamburger{display:block;width:48px;height:48px;cursor:pointer}nav#main-nav .hamburger svg #hamburger .dash{transition:all .6s ease}nav#main-nav .hamburger svg #hamburger .dash.center{opacity:1}nav#main-nav .hamburger svg #hamburger .dash.bottom,nav#main-nav .hamburger svg #hamburger .dash.top{transform:rotate(0deg) translate(0)}nav#main-nav .hamburger.toggled svg #hamburger .dash{transition:all .6s ease}nav#main-nav .hamburger.toggled svg #hamburger .dash.top{transform:rotate(45deg) translate(25%,-25%)}nav#main-nav .hamburger.toggled svg #hamburger .dash.center{opacity:0}nav#main-nav .hamburger.toggled svg #hamburger .dash.bottom{transform:rotate(-45deg) translate(-50%,3%)}nav#main-nav ul.links{width:100%;height:calc(100vh - 50px);position:fixed;left:-150vw;top:50px;text-align:center;flex-direction:column;background:#0087bd;transition:.6s ease}nav#main-nav ul.links li{display:block;height:100px;margin:2vh 0;font-size:2rem;font-weight:700;text-transform:uppercase}nav#main-nav ul.links li a{color:#f6f5f5}nav#main-nav ul.links li a:before{background-color:#f6f5f5}nav#main-nav ul.links.expanded{left:0}}#works{position:relative;width:100%;height:calc(100vh - 50px);overflow:hidden}#works .quarter{position:absolute;width:50%;height:50%;background:rgba(0,0,0,.2);transition:.3s ease-in;z-index:2;overflow:hidden}#works .quarter:first-of-type{top:0;left:0;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-animation:slideLeft 1s ease-in;animation:slideLeft 1s ease-in}#works .quarter:nth-of-type(2){top:0;left:50%;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-animation:slideDown 1s ease-in;animation:slideDown 1s ease-in}#works .quarter:nth-of-type(2).full{left:0}#works .quarter:nth-of-type(3){top:50%;left:0;border-right:1px solid #fff;border-top:1px solid #fff;-webkit-animation:slideUp 1s ease-in;animation:slideUp 1s ease-in}#works .quarter:nth-of-type(3).full{top:0}#works .quarter:nth-of-type(4){top:50%;left:50%;border-left:1px solid #fff;border-top:1px solid #fff;-webkit-animation:slideRight 1s ease-in;animation:slideRight 1s ease-in}#works .quarter:nth-of-type(4).full{top:0;left:0}#works .quarter a>header{width:100%;height:100%;position:relative;cursor:pointer}#works .quarter a>header .Typist{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s ease-in}#works .quarter a>header .category-icon{position:absolute;width:68px;height:68px;top:30%;left:50%;transform:translateX(-50%);opacity:0;transition:.3s ease-in;color:#fff}#works .quarter:hover:not(.full){background:rgba(0,0,0,.4)}#works .quarter:hover:not(.full) header .Typist{top:60%}#works .quarter:hover:not(.full) header .category-icon{opacity:1}#works .quarter section.quarter-container{display:none;opacity:0;-webkit-animation:fadeIn 1s .3s forwards;animation:fadeIn 1s .3s forwards}#works .quarter .close{position:absolute;width:32px;height:32px;top:5px;right:10px;cursor:pointer;z-index:5;color:#0f2f57;display:none}#works .quarter .close.white{color:#fff}#works .quarter .close:hover:before{width:0}#works .quarter.full{width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background:#f5f5f5;z-index:10}#works .quarter.full>a{width:100%}#works .quarter.full>a:before{width:80%;background-color:#0f2f57!important}#works .quarter.full>a>header .Typist{top:30px;text-align:cener;width:100%;color:#0f2f57;text-shadow:none!important}#works .quarter.full>a>header .Typist,#works .quarter.full>a>header .Typist .span.Cursor{color:#0f2f57!important}#works .quarter.full>a>header .category-icon{display:none}#works .quarter.full .close{display:block}#works .quarter.full .quarter-container{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;overflow:hidden;overflow-y:auto;width:100vw;height:calc(100vh - 50px)}#home #app-logo,#home h1#intro-typer{max-width:1024px;width:80vw;margin:0 auto}#home #app-logo>div,#home h1#intro-typer{text-align:center}#home h1#intro-typer{margin-top:2rem;height:130px}@media screen and (max-width:480px){#home h1#intro-typer{font-size:1.5rem}}#presentation ul.sub-nav{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;height:40px;position:fixed;background:#fff;z-index:14;-webkit-animation:slideDown .6s ease-in;animation:slideDown .6s ease-in}@media (max-width:1024px){#presentation ul.sub-nav{justify-content:center}}#presentation ul.sub-nav li{font-size:.85rem}#skills{-webkit-animation:bounceInRight .6s ease .3s forwards;animation:bounceInRight .6s ease .3s forwards;opacity:0}#skills #skills-wrapper{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100vw;height:100%;transition:transform .3s ease-in}#skills #skills-wrapper .card{width:300px;height:400px;box-shadow:1px 2px 4px rgba(0,0,0,.6);border-radius:8px;background:#fff;overflow:hidden;z-index:5;transition:.3s ease-in}#skills #skills-wrapper .card:hover{transform:translateY(.5rem);z-index:10;box-shadow:-3px 1px 10px rgba(0,0,0,.9)}#skills #skills-wrapper .card header.header{padding:1rem 0}#skills #skills-wrapper .card header.header h2{font-size:1rem!important;color:#0f2f57;text-align:center;text-transform:uppercase;font-weight:700;transition:.3s ease-in}#skills #skills-wrapper .card section.card-content{overflow:hidden;overflow-y:auto;transition:.6s ease-in;height:350px;box-shadow:inset 1px 2px 4px rgba(0,0,0,.4)}#skills #skills-wrapper .card section.card-content .skill{color:#0f2f57;display:flex;flex-flow:row;justify-content:space-around;align-items:center;padding:1.5rem 1rem}#skills #skills-wrapper .card section.card-content .skill .skill-icon{transition:.3s ease-in}#skills #skills-wrapper .card section.card-content .skill .skill-content{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;width:70%}#skills #skills-wrapper .card section.card-content .skill .skill-content h3{font-size:.8rem;font-weight:100;color:#0f2f57;border-bottom:1px solid #0f2f57}#skills #skills-wrapper .card section.card-content .skill .skill-content .infos{margin-top:.5rem;display:flex;flex-flow:row;justify-content:flex-start;align-items:center}#skills #skills-wrapper .card section.card-content .skill .skill-content .infos p{font-size:.8rem;color:#7b7b7b}#skills #skills-wrapper .card section.card-content .skill .skill-content .infos .icon-svg,#skills #skills-wrapper .card section.card-content .skill .skill-content .infos svg{width:28px;height:28px;margin-left:.5rem}#skills #skills-wrapper .card section.card-content .skill .skill-content .infos .icon-svg.graduated svg,#skills #skills-wrapper .card section.card-content .skill .skill-content .infos svg.graduated svg{fill:#ee6f57}#skills #skills-wrapper .card section.card-content .skill .skill-content .infos .icon-svg.pro svg,#skills #skills-wrapper .card section.card-content .skill .skill-content .infos svg.pro svg{fill:#a15b32}#skills #skills-wrapper .card section.card-content .icon-svg,#skills #skills-wrapper .card section.card-content aside,#skills #skills-wrapper .card section.card-content svg{width:48px;height:48px}#skills #skills-wrapper .card:focus-within~.card,#skills #skills-wrapper .card:hover~.card{z-index:20}@media (min-width:629px){#skills #skills-wrapper.hovered{transform:translateX(-100px)}#skills #skills-wrapper .card{width:280px}#skills #skills-wrapper .card:not(:first-child){margin-left:-200px}#skills #skills-wrapper .card:focus-within~.card,#skills #skills-wrapper .card:hover~.card{transform:translateX(201px)}}@media (min-width:900px){#skills #skills-wrapper.hovered{transform:translateX(-125px)}#skills #skills-wrapper .card:not(:first-child){margin-left:-200px}#skills #skills-wrapper .card:focus-within~.card,#skills #skills-wrapper .card:hover~.card{transform:translateX(205px)}}@media (min-width:1200px){#skills #skills-wrapper.hovered{transform:translateX(-125px)}#skills #skills-wrapper .card:not(:first-child){margin-left:-200px}#skills #skills-wrapper .card:focus-within~.card,#skills #skills-wrapper .card:hover~.card{transform:translateX(200px)}}@media (min-width:1600px){#skills #skills-wrapper.hovered{transform:translateX(-50px)}#skills #skills-wrapper .card:not(:first-child){margin-left:-100px}#skills #skills-wrapper .card:focus-within~.card,#skills #skills-wrapper .card:hover~.card{transform:translateX(105px)}}@media (max-width:1024px){#skills{padding-top:2rem}#skills,#skills #skills-wrapper{align-items:flex-start;overflow:hidden;border-radius:8px}#skills #skills-wrapper{width:90%;height:calc(100vh - 150px)!important;max-width:500px}#skills #skills-wrapper.hovered{transform:translateY(-30px)}#skills #skills-wrapper .card{width:100%;height:150px}#skills #skills-wrapper .card:hover{height:400px}#skills #skills-wrapper .card:not(:first-child){margin-left:0;margin-top:-175px}#skills #skills-wrapper .card:focus-within~.card,#skills #skills-wrapper .card:hover~.card{transform:translateY(140px)}}section#profil aside#intro-aside{color:#fff;display:flex;flex-flow:column;justify-content:center;align-items:center;-webkit-animation:zoomInDown .6s ease .3s forwards;animation:zoomInDown .6s ease .3s forwards}section#profil aside#intro-aside img{box-shadow:1px 2px 4px rgba(0,0,0,.6);-webkit-filter:grayscale(1);filter:grayscale(1);transition:.6s;border-radius:50%;width:70%}section#profil aside#intro-aside img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}section#profil aside#intro-aside .socials{text-align:center;padding:.5rem 0}section#profil aside#intro-aside .socials ul{justify-content:space-evenly;padding:.5rem 1rem}section#profil aside#intro-aside .socials ul li{margin:0}section#profil aside#intro-aside .socials ul a,section#profil aside#intro-aside .socials ul li{width:48px;height:48px}section#profil aside#intro-aside .socials ul svg{width:32px;height:32px}section#profil aside#intro-aside .socials ul li a{color:#fff}section#profil aside#intro-aside .socials ul li a:hover{color:#0087bd}section#profil aside#intro-aside .socials ul li a:before{top:200%}section#profil aside#intro-aside .socials ul li a:hover:before{width:46px}section#profil #intro{color:#fff;padding:1rem 2rem;min-width:400px;max-width:728px;overflow:hidden}@media (min-width:900px){section#profil #intro{width:50vw}}section#profil #intro ul{-webkit-animation:fadeInLeft .6s ease-in 1.2s forwards;animation:fadeInLeft .6s ease-in 1.2s forwards}section#profil #intro p.legend-intro{-webkit-animation:flipInX .6s ease-in 1s forwards;animation:flipInX .6s ease-in 1s forwards}section#profil #intro p.outro{-webkit-animation:flipInX .6s ease-in 1.6s forwards;animation:flipInX .6s ease-in 1.6s forwards}#experiences{overflow:hidden;padding-left:3rem;-webkit-animation:timelineOpening 3s ease .4s forwards;animation:timelineOpening 3s ease .4s forwards;opacity:0}#experiences.scrollable{overflow-y:auto}#experiences .card-wrapper{position:relative;width:100%;max-width:928px;margin:0 auto}#experiences .card-wrapper:after,#experiences .card-wrapper:before{content:"";display:block;width:5px;height:27%;position:absolute;left:0;background:#fff}#experiences .card-wrapper:before{top:0}#experiences .card-wrapper:after{bottom:0}#experiences .card-wrapper article.card{border-radius:8px;padding:.5rem 1rem;background:#fff;transition:1.4s ease-in;position:relative;margin:.85rem 2rem .85rem 4rem}#experiences .card-wrapper article.card aside.aside{position:absolute;left:-60px;top:50%;color:#fff;width:100px;transform:translate(-50%,-50%);text-align:center}#experiences .card-wrapper article.card section.card-content{width:100%;opacity:0;-webkit-animation:fadeIn 1s 3.25s forwards;animation:fadeIn 1s 3.25s forwards}#experiences .card-wrapper article.card section.card-content .header{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start}#experiences .card-wrapper article.card section.card-content .header h5{font-size:1.5rem;flex:1 1;text-align:left;min-width:325px}#experiences .card-wrapper article.card section.card-content p.location{color:#7b7b7b;padding-top:5px;font-size:1rem;text-align:right;display:flex;flex-flow:column wrap;justify-content:center;align-items:flex-end}#experiences .card-wrapper article.card section.card-content p.location span{font-style:italic}#experiences .card-wrapper article.card section.card-content p.location span.phone-only{display:none}#experiences .card-wrapper article.card section.card-content .description{max-height:0;overflow:hidden;transition:.6s ease-in;text-justify:auto;border-top:2px solid #0087bd;border-bottom:2px solid #0087bd;padding:0 1rem}#experiences .card-wrapper article.card section.card-content .description li{color:#0f2f57}#experiences .card-wrapper article.card section.card-content footer{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;position:relative;transition:.6s ease-in}@media (min-width:900px){#experiences .card-wrapper article.card section.card-content footer{top:-10px}}#experiences .card-wrapper article.card section.card-content footer .keyword{margin-left:1rem;color:#7b7b7b}#experiences .card-wrapper article.card section.card-content footer .keyword:first-of-type{margin-left:0}#experiences .card-wrapper article.card section.card-content:hover .description{max-height:600px!important;opacity:1!important;margin:1rem 0;padding:.5rem 1rem}@media (min-width:900px){#experiences .card-wrapper article.card section.card-content:hover footer{top:-10px}}#experiences .card-wrapper article.card.accent{background:none;border:2px solid #f6f5f5}#experiences .card-wrapper article.card.accent .description{border-color:#f6f5f5!important}#experiences .card-wrapper article.card.accent em,#experiences .card-wrapper article.card.accent h5,#experiences .card-wrapper article.card.accent li,#experiences .card-wrapper article.card.accent p,#experiences .card-wrapper article.card.accent span,#experiences .card-wrapper article.card.accent strong{color:#f6f5f5!important}@media (max-width:628px){#experiences{padding-left:0}#experiences .card-wrapper:after,#experiences .card-wrapper:before{display:none}#experiences .card-wrapper article.card{margin:.85rem 1rem}#experiences .card-wrapper article.card aside.aside{display:none}#experiences .card-wrapper article.card header h5{text-align:center!important}#experiences .card-wrapper article.card header .location{width:100%;flex-direction:row!important;justify-content:space-evenly!important}#experiences .card-wrapper article.card footer{margin-top:1rem;justify-content:space-evenly!important}}#videos-container{display:flex;padding:0 1rem;width:100%;min-height:calc(100vh - 130px)}#videos-container .next,#videos-container .video-details{padding:.5rem 1rem 1rem}#videos-container .video-details iframe{border:none;box-shadow:1px 2px 4px rgba(0,0,0,.4);width:67vw;height:38vw;max-width:1280px;max-height:720px;cursor:zoom-in;margin:0 auto}#videos-container .video-details .infos{padding-top:1rem;width:100%}#videos-container .video-details .infos h3{font-size:1.5rem;border-bottom:1px solid;margin-bottom:1rem}#videos-container .video-details .infos p{padding:0 1rem;max-width:95%;color:#7b7b7b}#videos-container .video-details .infos p span{display:block}#videos-container .next{width:425px}#videos-container .next .collection-preview{cursor:pointer;padding:.5rem;max-width:375px;margin-bottom:1rem;border-radius:4px}#videos-container .next .collection-preview h3{font-size:1.25rem;color:#7b7b7b;text-transform:uppercase;border-bottom:2px solid;margin-bottom:.5rem}#videos-container .next .collection-preview .covers{width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center}#videos-container .next .collection-preview .covers .cover{width:375px;height:105px;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;overflow:hidden;margin:.5rem 1rem;transition:.3s ease-in}#videos-container .next .collection-preview .covers .cover img{width:155px;height:105px;min-width:155px;min-height:105px;object-fit:cover;transition:.6s ease-in}#videos-container .next .collection-preview .covers .cover .preview-infos{width:100%;height:100%;padding-left:.85rem}#videos-container .next .collection-preview .covers .cover .preview-infos p{width:100%;color:#383838;font-weight:700;transition:.3s ease-in;font-size:.85rem;line-height:.9rem;padding:.5rem 0;max-width:325px}#videos-container .next .collection-preview .covers .cover .preview-infos em{font-size:.75rem;color:#7b7b7b}#videos-container .next .collection-preview .covers .cover:hover{box-shadow:1px 2px 4px rgba(0,0,0,.4)}@media (min-width:1025px) and (max-width:1324px){#videos-container iframe{width:57vw!important;height:31vw!important}}@media (max-width:1024px){#videos-container{flex-direction:column;padding:0}#videos-container .next,#videos-container .video-details{width:100vw;height:auto;padding:0}#videos-container iframe{width:100vw!important;height:80vw!important}#videos-container .infos{padding:.5rem}#videos-container .infos h3{text-align:center}#videos-container .next{padding:.5rem;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:flex-start}}#graphism{width:100vw;height:calc(100vh - 130px);overflow:hidden;overflow-y:auto;max-width:1280px;margin:0 auto;padding:0 2rem;box-sizing:content-box;z-index:5;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,5vw);grid-gap:1rem .5rem;gap:1rem .5rem}#graphism article.graphic{width:100%;display:inline-block;overflow:hidden;position:relative;background:#0f2f57;border-radius:4px;cursor:pointer}#graphism article.graphic h2{font-size:2em;color:#fff;position:absolute;top:-100px;width:100%;left:0;transform:translateY(-50%);text-transform:uppercase;text-shadow:1px 1px rgba(0,0,0,.8);text-align:center;transition:.4s ease}#graphism article.graphic p.description{display:none}#graphism article.graphic img{width:100%;height:100%;object-fit:cover;transition:.3s ease-in;opacity:1}@media (max-width:628px){#graphism article.graphic h2{font-size:1rem}#graphism article.graphic:first-child{grid-column:1/span 4;grid-row:1/span 4}#graphism article.graphic:nth-child(2){grid-column:5/span 4;grid-row:1/span 4}#graphism article.graphic:nth-child(3){grid-column:1/span 4;grid-row:8/span 10}#graphism article.graphic:nth-child(4){grid-column:1/span 8;grid-row:5/span 3}#graphism article.graphic:nth-child(5){grid-column:5/span 4;grid-row:8/span 10}}@media (min-width:629px){#graphism article.graphic:first-child{grid-column:1/span 4;grid-row:1/span 3}#graphism article.graphic:nth-child(2){grid-column:5/span 4;grid-row:1/span 3}#graphism article.graphic:nth-child(3){grid-column:1/span 3;grid-row:4/span 4}#graphism article.graphic:nth-child(4){grid-column:1/span 3;grid-row:8/span 5}#graphism article.graphic:nth-child(5){grid-column:4/span 5;grid-row:4/span 9}}@media (min-width:1200px){#graphism article.graphic:first-child{grid-column:1/span 2;grid-row:1/span 2}#graphism article.graphic:nth-child(2){grid-column:3/span 2;grid-row:1/span 2}#graphism article.graphic:nth-child(3){grid-column:5/span 4;grid-row:1/span 4}#graphism article.graphic:nth-child(4){grid-column:1/span 4;grid-row:3/span 2}#graphism article.graphic:nth-child(5){grid-column:1/span 8;grid-row:5/span 4}}#graphism article.graphic:hover h2{top:50%}#graphism article.graphic:hover img{-webkit-filter:brightness(.4);filter:brightness(.4);opacity:.6}#graphism #gallery-fullscreen{position:fixed;width:100%;height:calc(100% - 50px);overflow:hidden;background:#0f2f57;z-index:10;top:50px;left:0}#graphism #gallery-fullscreen section.collection{width:95vw;height:85vh;position:relative;top:75%;left:50%;transform:translate(-50%,-75%);background:#f6f5f5;border-radius:16px}#graphism #gallery-fullscreen section.collection header h3,#graphism #gallery-fullscreen section.collection p.legend{color:#0f2f57;font-size:2rem;text-transform:uppercase;text-align:center}#graphism #gallery-fullscreen section.collection header{display:flex;flex-flow:row;justify-content:center;align-items:center;width:60%;margin:0 auto;padding:.25rem 1rem}#graphism #gallery-fullscreen section.collection header h3{width:40%;border-bottom:2px solid;margin:0 auto}#graphism #gallery-fullscreen section.collection header .nav{width:38px;height:38px;display:inline-block;border-radius:50%;color:#0f2f57;border:2px solid;z-index:15}#graphism #gallery-fullscreen section.collection header .nav.next{transform:rotateY(180deg)}#graphism #gallery-fullscreen section.collection p.legend{top:5rem;font-size:1rem;color:#383838}#graphism #gallery-fullscreen section.collection .selected{height:75vh}#graphism #gallery-fullscreen section.collection .selected .wrapper{max-width:80%;margin:0 auto;height:100%;padding:0 .5rem;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;text-align:center;overflow:hidden;overflow-y:auto}#graphism #gallery-fullscreen section.collection .selected .wrapper h4{color:#0f2f57;font-weight:700;font-size:1.5rem;line-height:1.7rem;margin-bottom:.25rem;margin-top:1rem}#graphism #gallery-fullscreen section.collection .selected .wrapper p.description{font-size:1rem;margin-bottom:1rem;color:#7b7b7b}#graphism #gallery-fullscreen section.collection .selected .wrapper figure{position:relative;width:90%;height:100%}#graphism #gallery-fullscreen section.collection .selected .wrapper figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:95%;object-fit:scale-down;-webkit-filter:drop-shadow(0 0 .75rem rgba(0,0,0,.6));filter:drop-shadow(0 0 .75rem rgba(0,0,0,.6));pointer-events:none}#graphism #gallery-fullscreen section.collection .selected .wrapper figure img::selection{background:none!important}#graphism #gallery-fullscreen section.collection .selected .wrapper figure img.zoomed{transform:translate(-50%,-50%),scale(2)}#graphism #gallery-fullscreen section.collection .selected .wrapper .navbar{display:flex;flex-flow:row;justify-content:space-evenly;align-items:center;margin:2rem 0;position:absolute;width:100%;height:100%;top:0}#graphism #gallery-fullscreen section.collection .selected .wrapper .navbar .nav{width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%);color:#f6f5f5;background-color:#0f2f57;border-radius:50%}#graphism #gallery-fullscreen section.collection .selected .wrapper .navbar .nav.prev{left:15px}#graphism #gallery-fullscreen section.collection .selected .wrapper .navbar .nav.next{transform:translateY(-50%) rotateY(180deg);right:15px}#graphism #gallery-fullscreen nav .nav{position:absolute;top:50%;transform:translateY(-50%) translateZ(100px);cursor:pointer}#graphism #gallery-fullscreen nav .nav .close svg{fill:#fff}#graphism #gallery-fullscreen nav .nav.next,#graphism #gallery-fullscreen nav .nav.prev{color:#fff;width:46px;height:48px}#graphism #gallery-fullscreen nav .nav.prev{left:15px}#graphism #gallery-fullscreen nav .nav.next{right:15px;transform:translateY(-50%) rotateY(180deg)}@media (max-width:1024px){#graphism #gallery-fullscreen .collection{width:82vw!important}#graphism #gallery-fullscreen .selected{overflow-y:auto}#graphism #gallery-fullscreen .wrapper{height:90%!important}#graphism #gallery-fullscreen .navbar{position:relative;width:100%}}
/*# sourceMappingURL=main.8ed58176.chunk.css.map */