@font-face{font-family:Raleway;src:url("/fonts/Raleway-Light.ttf");font-weight:400}@font-face{font-family:Raleway;src:url("/fonts/Raleway-Regular.ttf");font-weight:500}@font-face{font-family:Raleway;src:url("/fonts/Raleway-Medium.ttf");font-weight:600}@font-face{font-family:Commissioner;src:url("/fonts/Commissioner-Regular.ttf");font-weight:500}@font-face{font-family:Commissioner;src:url("/fonts/Commissioner-Medium.ttf");font-weight:600}@font-face{font-family:"icons";src:url("/fonts/icons.ttf?fpqo74") format("truetype"),url("/fonts/icons.woff?fpqo74") format("woff"),url("/fonts/icons.svg?fpqo74#icons") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-chevron-down:before{content:""}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;color:rgba(0,0,0,.8666666667)}html{height:100%}body{min-height:100%;font-family:Raleway,sans-serif;font-weight:400;font-size:20px}.text-center{text-align:center}b{font-weight:600}a{color:rgba(0,0,0,.8666666667)}a:hover{text-shadow:1px 1px 2px rgba(0,0,0,.0941176471)}.button{display:flex;align-items:center;background:#f2f7fc;border-radius:50vh;margin:15px;text-decoration:none;padding:10px}.button:hover{text-shadow:none;background:#e7f4fc}#top{position:relative;width:100%;height:100vh;background-color:#0a0a02;background-image:url("/img/code.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;font-family:Commissioner,sans-serif;font-weight:600;color:rgba(255,255,255,.8666666667);text-align:center}#top .middle-text{display:flex;flex-direction:column;justify-content:center;position:absolute;bottom:0;left:0;top:0;right:0}#top .middle-text h1{font-size:50px}#top .middle-text p{font-size:45px}#top .middle-text ul.languages{list-style:none;display:flex;justify-content:center;margin:15px}#top .middle-text ul.languages li{font-size:30px}#top .middle-text ul.languages li span{margin:0 10px}#top .middle-text ul.languages li .flag-icon{width:40px;height:40px;margin-left:0}#top .middle-text #text-writing::after{content:"|";animation:1s blink step-end infinite}#top .bottom-text{position:absolute;bottom:15px;left:0;right:0;opacity:.75;font-size:35px}#top .bottom-text>*{margin:5px}#top #current-language{z-index:1;position:absolute;top:15px;right:15px}#top #current-language span{margin:0 5px}#top #current-language .icon-earth{font-size:35px}@keyframes blink{from, to{color:rgba(0,0,0,0)}50%{color:inherit}}@media only screen and (max-width: 1200px){#top .middle-text h1{font-size:40px}#top .middle-text p{font-size:35px}#top .bottom-text{font-size:25px}}@media only screen and (max-width: 992px){#top .middle-text h1{font-size:35px}#top .middle-text p{font-size:30px}#top .middle-text ul.languages li span{margin:0 10px}#top .middle-text ul.languages li .flag-icon{width:30px;height:30px}#top .bottom-text{font-size:20px}#top .button{font-size:18px}#top #current-language{top:10px;right:10px;font-size:18px}#top #current-language .icon-earth{font-size:30px}}@media only screen and (max-width: 768px){#top .middle-text h1{font-size:30px}#top .middle-text p{font-size:25px}#top .bottom-text{font-size:15px}}@media only screen and (max-width: 600px){#top .middle-text h1{font-size:25px}#top .middle-text p{font-size:20px}#top .middle-text ul.languages li .flag-icon{width:20px;height:20px}#top .button{font-size:15px}#top #current-language{top:5px;right:5px}#top #current-language .icon-earth{font-size:20px}}#body{background:#e7f4fc;background:linear-gradient(135deg, #e7f4fc 25%, #f2f7fc 75%);padding:25px}#body>*{margin:10px}#body h2{font-family:Commissioner,sans-serif;font-weight:600;font-size:35px;text-align:center}@media only screen and (max-width: 1200px){#body h2{font-size:30px}}@media only screen and (max-width: 992px){#body h2{font-size:25px}}@media only screen and (max-width: 768px){#body h2{font-size:20px}}.timeline{margin-bottom:30px !important}.timeline .line{display:flex;justify-content:center;padding:15px 0}.timeline .line .left .title,.timeline .line .right .title{font-weight:600;font-size:25px}.timeline .line .left .subtitle,.timeline .line .right .subtitle,.timeline .line .left .year{font-weight:600;font-size:20px}.timeline .line .left,.timeline .line .right{position:relative;margin:0 50px}.timeline .line .left{text-align:right;width:250px;margin-left:0 !important}.timeline .line .left::after{content:"";position:absolute;top:0;bottom:-30px;right:-53px;width:6px;background:#5e4ae3;opacity:.5}.timeline .line:last-child .left::after{background:linear-gradient(135deg, #5e4ae3 50%, rgba(0,0,0,0) 90%)}.timeline .line .right{margin-right:0 !important;width:700px}.timeline .line .right .subtitle,.timeline .line .right .text{font-size:15px}.timeline .line .right .text{font-weight:500}.timeline .line .right ul.text{padding-left:25px}.timeline .line .right::before{content:"";position:absolute;top:0;left:-65px;width:30px;height:30px;border-radius:15px;background:#5e4ae3}@media only screen and (max-width: 1200px){.timeline .line .left .title,.timeline .line .right .title{font-size:22px}.timeline .line .left .subtitle,.timeline .line .right .subtitle,.timeline .line .left .year{font-size:18px}.timeline .line .right{width:500px}.timeline .line .right .subtitle,.timeline .line .right .text{font-size:15px}}@media only screen and (max-width: 992px){.timeline .line .left .title,.timeline .line .right .title{font-size:19px}.timeline .line .left .subtitle,.timeline .line .right .subtitle,.timeline .line .left .year{font-size:17px}.timeline .line .left,.timeline .line .right{margin:0 40px}.timeline .line .left::after{right:-42.5px;width:5px}.timeline .line .right{width:350px}.timeline .line .right .subtitle,.timeline .line .right .text{font-size:15px}.timeline .line .right::before{left:-50px;width:20px;height:20px;border-radius:10px}}@media only screen and (max-width: 768px){.timeline .line .left .title,.timeline .line .right .title{font-size:17px}.timeline .line .left .subtitle,.timeline .line .right .subtitle,.timeline .line .left .year{font-size:15px}.timeline .line .right{width:300px}.timeline .line .right .subtitle,.timeline .line .right .text{font-size:15px}}@media only screen and (max-width: 600px){.timeline .line{flex-direction:column}.timeline .line .left{text-align:left;margin-left:40px !important;margin-bottom:10px}.timeline .line .left::after{top:10px;right:calc(100% + 37.5px);bottom:-10px;background:#5e4ae3 !important}.timeline .line .left::before{content:"";position:absolute;top:5px;left:-50px;width:20px;height:20px;border-radius:10px;background:#5e4ae3}.timeline .line .right::before{top:0;left:-42.5px;width:5px;height:auto;border-radius:0;bottom:-40px;opacity:.5}.timeline .line:last-child .right::before{bottom:-30px;background:linear-gradient(135deg, #5e4ae3 50%, rgba(0,0,0,0) 90%)}}.skills{display:flex;flex-wrap:wrap;justify-content:center}.skills .skill{display:flex;width:400px;margin:20px 0}.skills .skill .dots{display:flex;margin-right:25px}.skills .skill .dots>div{width:30px;height:30px;border-radius:15px;background:#5e4ae3;opacity:.35;margin:0 5px}.skills .skill .dots>div.active{opacity:1}.skills .skill .text a{text-decoration:none}.skills .skill .text .title{font-weight:600;font-size:25px}.skills .skill .text .year{font-weight:600;font-size:20px}@media only screen and (max-width: 1200px){.skills .skill .text .title{font-size:22px}.skills .skill .text .year{font-size:18px}}@media only screen and (max-width: 992px){.skills .skill{margin:10px 0}.skills .skill .dots>div{width:20px;height:20px;border-radius:10px}.skills .skill .text .title{font-size:19px}.skills .skill .text .year{font-size:17px}}@media only screen and (max-width: 768px){.skills .skill .text .title{font-size:17px}.skills .skill .text .year{font-size:15px}}.flag-icon-background,.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{position:relative;display:inline-block;width:1em;height:1em;line-height:1em;border-radius:50%}.flag-icon:before{content:" "}.flag-icon-fr{background-image:url("/img/flags/fr.svg")}.flag-icon-gb{background-image:url("/img/flags/gb.svg")}