html body #app p{font-size:1.5em}html body #app p .activated{font-weight:900}html body #app .flex{display:flex;flex-wrap:wrap;width:90%;margin:auto}html body #app .flex h2{margin:0}html body #app .flex small{letter-spacing:1px;font-size:50px}html body #app .flex>div{width:50%;min-width:200px;text-align:center}html body #app .flex>div.margin{margin-top:150px}html body #app .flex>div img{width:60%}html body #app .flex>div #lcompdesc{width:50%;margin:30px auto}html body #app .flex #projects-container{-moz-user-select:none;-webkit-user-select:none;user-select:none}html body #app .flex #projects-container #liste{display:none}html body #app .flex #projects-container #liste ul{margin-block-start:0;margin-block-end:0;-webkit-padding-start:0;-webkit-padding-end:0;display:flex;list-style:none;flex-wrap:wrap;justify-content:space-between}html body #app .flex #projects-container #liste ul li div{color:#bdbdbd;width:180px;margin:10px 0px;font-size:1.4em}html body #app .flex #projects-container #liste ul li div img{margin-bottom:10px;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}html body #app .flex #projects-container #liste ul li.selected div{color:#fff}html body #app .flex #projects-container .scroll{font-size:5em;cursor:pointer}html body #app .flex #projects-container .scroll:hover{color:#a39f2f}html body #app .flex #projects-container #scroll-container{overflow:hidden;max-width:100%;position:relative;min-height:450px;max-width:100%}html body #app .flex #projects-container .wrap-container{position:relative;max-height:450px;width:100%;max-width:100%;margin:auto;overflow:auto;padding-right:20px;margin-left:10px;scroll-behavior:smooth}html body #app .flex #projects-container .wrap-container ul{list-style:none;position:relative;transition:transform 1s;top:90px;margin:0;padding:0;text-align:center}html body #app .flex #projects-container .wrap-container ul li{height:90px;line-height:90px;transition:font-size 5s;overflow:hidden}html body #app .flex #projects-container .wrap-container ul li:last-of-type{padding-bottom:90px}html body #app .flex #projects-container .wrap-container ul li .item{color:#a39f2f;position:relative;transition:font-size 500ms;display:inline-block}html body #app .flex #projects-container .wrap-container ul li.active .item{font-size:3em;font-weight:600;color:#e2dd3a}html body #app .flex #projects-container .wrap-container ul li.active .item::before{content:"- ";margin-right:30px}html body #app .flex #projects-container .wrap-container ul li.active .item::after{content:" -";margin-left:30px}html body #app .flex #projects-container .wrap-container ul li.near .item{font-size:2em;font-weight:400}html body #app .flex #projects-container .wrap-container ul li.far .item{font-size:1.5em;font-weight:200}@media(orientation: portrait),screen and (max-width: 800px){html body #app p.nav{display:none}html body #app .flex>div.margin{margin-top:20px;margin-bottom:20px}html body #app .flex>div #lcompdesc{width:auto}html body #app .flex #projects-container #roue{display:none}html body #app .flex #projects-container #liste{display:block}html body #app .flex #projects-container #liste ul li div{width:90px}}/*# sourceMappingURL=skills.min.css.map */