@import"https://fonts.googleapis.com/css2?family=Epilogue:wght@400;600&family=Source+Sans+Pro:wght@400;600&display=swap";@font-face{font-family:icomoon;src:url(icomoon.98194da8.eot?ghgr8r);src:url(icomoon.98194da8.eot?ghgr8r#iefix) format("embedded-opentype"),url(icomoon.da0c2ddc.ttf?ghgr8r) format("truetype"),url(icomoon.002c2678.woff?ghgr8r) format("woff"),url(icomoon.d0a9a900.svg?ghgr8r#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-right:before{content:""}.icon-star-o:before{content:""}.icon-star:before{content:""}.icon-bars:before{content:""}.icon-navicon:before{content:""}.icon-reorder:before{content:""}.title-h1,h1{font-weight:600;font-family:Source Sans Pro,serif}.no-paddind{padding-left:0;padding-right:0}@media screen and (max-width:426px){html{font-size:14px}h1,h3{text-align:center}}.button,button{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;padding:12px 40px;font-family:Epilogue,serif;transition:all .3s linear;align-items:start;display:block}p.title{font-weight:600;font-size:1.5rem;margin:2rem 0 .5rem}.modal-header p.title{margin:0;font-size:2rem}footer{margin-top:60px}footer p{text-align:center;font-size:1rem;padding:15px 0;margin:0}footer .modal p{text-align:justify;padding:0}footer .modal .modal-body,footer .modal .modal-header{padding:1rem 2rem}footer .modal .modal-body p.title{margin:2rem 0 0}footer .modal .close{color:#fff;font-size:3rem;opacity:1;text-shadow:none}footer span.link{background:-webkit-linear-gradient(90deg,#8bee86,#f9f871);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-transition:background-color .2s;position:relative;cursor:pointer;font-weight:600}footer span.link:hover{background:-webkit-linear-gradient(90deg,#8bee86,#f9f871);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:600;text-decoration:underline}footer span.link:hover:after{content:"";width:100%;background:linear-gradient(90deg,#8bee86,#f9f871);height:2px;position:absolute;left:0;bottom:-2px}.visualy-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap;clip-path:inset(50%)}#header{margin-left:auto;width:fit-content;width:-moz-fit-content}#header .navbar{padding:0;background:#242835}#header a{height:100%;padding:20px 60px;text-align:center;line-height:2;text-decoration:none;color:#fff;font-family:Epilogue,serif;font-weight:400;overflow:hidden;position:relative;background:rgba(0,0,0,0)}@media screen and (max-width:992px){#header a{padding:15px 40px}}#header a:before{content:"";height:250%;width:100%;position:absolute;opacity:0;bottom:-75%;left:0;transition:all .3s linear;z-index:-1;transform:scale(.1);border-radius:50%}#header a.active,#header a:hover{text-shadow:grey 0 0 7px}#header a.active:before,#header a:hover:before{opacity:1;transform:scale(2)}#header a#home:before{background:linear-gradient(90deg,#2c73d2,#009ce9)}#header a#projects:before{background:linear-gradient(90deg,#009ce9,#00bedb)}#header a#skills:before{background:linear-gradient(90deg,#00bedb,#00d9b3)}#header a#career:before{background:linear-gradient(90deg,#00d9b3,#8bee86)}#header a#contact:before{background:linear-gradient(90deg,#8bee86,#f9f871)}#header .burger-menu{font-size:2em;color:#fff}@media screen and (max-width:400px){html{font-size:14px}}@media screen and (max-width:350px){html{font-size:11px}}body{background-color:#242835;color:#fff;font-family:Source Sans Pro,serif;padding-top:71px;height:100vh}@media screen and (max-width:992px){body{padding-top:60px}}h1,h2,h3,h4,h5,h6{font-family:Epilogue,serif;font-weight:600}a{cursor:pointer;font-weight:600}.burger-menu i{margin-right:30px}.section-title h3{padding:45px 20px;font-weight:800;font-size:2em;letter-spacing:2px}.description{padding:50px 30px;height:100%}.illustration{text-align:center}.illustration img{width:100%;height:100%;object-fit:cover}.site-content{position:relative;overflow-y:scroll;height:100%}.site-content .site-section{min-height:100%}.site-content .row{height:100%}.modal-content{background-color:#242835}.timeline{font-size:1em;line-height:1.75em;border-top:5px solid;border-image:linear-gradient(90deg,#00d9b3,#8bee86);border-image-slice:1;margin:0;padding:40px;counter-increment:section;position:relative;color:#fff}.timeline h3{font-weight:600}.timeline h3,.timeline p a{background:-webkit-linear-gradient(90deg,#00d9b3,#8bee86);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.timeline p a{-webkit-transition:background-color .2s;position:relative}.timeline p a:hover{background:-webkit-linear-gradient(90deg,#00d9b3,#8bee86);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:600}.timeline p a:hover:after{content:" ";width:100%;background:linear-gradient(90deg,#00d9b3,#8bee86);height:2px;position:absolute;left:0;bottom:-2px}.timeline:before{content:attr(data-year);position:absolute;border-radius:50%;padding:10px;height:70px;width:70px;background:linear-gradient(90deg,#00d9b3,#8bee86);text-align:center;line-height:3rem;color:#fff;text-shadow:grey 0 0 7px;font-weight:600;font-size:1.5em;top:50%;transform:translateY(-50%)}.timeline:nth-child(odd){border-right:5px solid;padding-left:40px}.timeline:nth-child(odd):before{left:100%;margin-left:-29px}.timeline:nth-child(2n){border-left:5px solid;padding-right:40px}.timeline:nth-child(2n):before{right:100%;margin-right:-29px}.timeline:first-child{border-top:0;border-top-right-radius:0;border-top-left-radius:0}.timeline:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.separator{display:none;height:200px;width:100%}.separator.career-separator{background:linear-gradient(90deg,#00d9b3,#8bee86)}.separator.project-separator{background:linear-gradient(90deg,#009ce9,#00bedb);margin-top:30px}.separator.skills-separator{background:linear-gradient(90deg,#00bedb,#00d9b3)}#intro .description{background:linear-gradient(90deg,#2c73d2,#009ce9);min-height:calc(100vh - 72px)}#intro .description .title-h1{font-size:3rem;margin-bottom:45px;text-align:center}#intro .description h2{font-size:1.5rem}#intro .description ul li::marker{font-size:2rem}#intro .description ul li:not(:last-of-type){margin-bottom:30px}#myprojects .description,#myprojects .section-title{background:linear-gradient(90deg,#009ce9,#00bedb)}#myprojects .section-content{margin-top:30px}#myprojects .section-content .row{max-width:1440px;margin:0 auto;justify-content:center}.project-col{margin-bottom:30px}.project{width:100%;height:100%;border:5px solid #009ce9;border-image-slice:1;padding:15px;border-radius:15px}.project .badge{background:linear-gradient(90deg,#009ce9,#00bedb);color:#fff;-webkit-text-fill-color:#fff;text-shadow:grey 0 0 7px;margin:0 7px 7px 0;vertical-align:middle}.project .note{font-weight:200;font-size:.9em}.project h4{background:-webkit-linear-gradient(90deg,#009ce9,#00bedb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:600}.project li a{color:#009ce9;background:none}.project li a:hover{text-decoration:underline solid 2px #009ce9}.project a.link{background:-webkit-linear-gradient(90deg,#009ce9,#00bedb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-transition:background-color .2s;position:relative}.project a.link:hover{background:-webkit-linear-gradient(90deg,#009ce9,#00bedb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:600;text-decoration:underline}.project a.link:hover:after{content:"";width:100%;background:linear-gradient(90deg,#009ce9,#00bedb);height:2px;position:absolute;left:0;bottom:-2px}.project p{line-break:anywhere}#myskills{min-height:100%}#myskills .section-title{background:linear-gradient(90deg,#00bedb,#00d9b3)}#myskills a{background:-webkit-linear-gradient(90deg,#00bedb,#00d9b3);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-transition:background-color .2s;position:relative}#myskills a i{margin-left:5px;vertical-align:middle}#myskills a:hover{background:-webkit-linear-gradient(90deg,#00bedb,#00d9b3);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:600}#myskills a:hover:after{content:" ";width:100%;background:linear-gradient(90deg,#00bedb,#00d9b3);height:2px;position:absolute;left:0;bottom:-2px}#myskills .fa-sort{cursor:pointer;margin-left:15px}#myskills #skills-section .row{height:auto;padding:15px 0;justify-content:center}#myskills #skills-section .recherche{text-align:center;margin-top:15px;display:grid;grid-template-columns:1fr;gap:0 15px}@media screen and (min-width:768px){#myskills #skills-section .recherche{grid-template-columns:2fr 1fr}}#myskills #skills-section .recherche input{height:40px;width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:3px solid #00bedb;color:#fff}#myskills #skills-section .recherche input::placeholder{color:hsla(0,0%,100%,.8)}#myskills #skills-section .recherche input:focus{outline:none;border:none;border-bottom:3px solid #00bedb}#myskills #skills-section .recherche label{color:hsla(0,0%,100%,.8);display:block}#myskills #skills-section .recherche select{background-color:rgba(0,0,0,0);font-weight:600;color:#00bedb;padding:5px 0;border:none;border-bottom:3px solid #00bedb}#myskills #skills-section .recherche select option{background-color:#242835;border:2px solid #00bedb;color:#00bedb}#myskills #skills-section .recherche select option#all{font-weight:600}#myskills .skill-card-image{text-align:center}#myskills .skill-card-image .skill-image{width:70px;height:70px}#myskills .skill-card-col{margin:15px 0}#myskills .skill-card{width:100%;height:100%;border:4px solid #00bedb;border-image-slice:1;cursor:pointer;padding:10px;display:flex;flex-direction:column;justify-content:center;position:relative;border-radius:15px}#myskills .skill-card:focus,#myskills .skill-card:hover{transform:scale(1.05);transition:all .4s cubic-bezier(.33,1,.68,1)}#myskills .skill-card .skill-card-body{height:auto;margin-top:auto;margin-bottom:auto;display:flex;flex-wrap:wrap}#myskills .skill-card .skill-card-image{width:100%;text-align:center}#myskills .skill-card .skill-card-image img{position:relative;top:50%;transform:translateY(-50%);object-fit:contain}#myskills .skill-card .skill-card-content{width:100%;text-align:center}#myskills .skill-card .skill-card-content .skill-card-title{background:-webkit-linear-gradient(90deg,#00bedb,#00d9b3);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:800;font-size:1em;display:block}#myskills .skill-card .skill-card-content .skill-card-category{font-size:.8em}#myskills .skill-card .skill-card-content .skill-card-description{font-size:.85rem}#myskills .modal-content{border:4px solid #00bedb;border-image-slice:1}#myskills .modal-content .modal-header{align-items:center}#myskills .modal-content .modal-title{background:-webkit-linear-gradient(90deg,#00bedb,#00d9b3);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:600}#myskills .modal-content .skill-card-content{margin-top:15px}#myskills .modal-content .close{background:-webkit-linear-gradient(90deg,#00bedb,#00d9b3);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);opacity:1;text-shadow:none;font-size:3rem}#mycareer .description,#mycareer .section-title{background:linear-gradient(90deg,#00d9b3,#8bee86)}#contactme{height:auto;min-height:auto}#contactme .section-content{text-align:center;max-width:1440px;margin:30px auto 0}#contactme .section-content .row{justify-content:center}#contactme .contact-col{margin-bottom:30px}#contactme .contact-col--content{border:4px solid #8bee86;height:100%;border-radius:15px;padding:15px;position:relative}#contactme .description,#contactme .section-title{background:linear-gradient(90deg,#8bee86,#f9f871)}#contactme .button,#contactme button{width:fit-content;width:-moz-fit-content;text-align:center;line-height:2;text-decoration:none;color:#fff;font-weight:400;overflow:hidden;position:relative;background:rgba(0,0,0,0);margin:auto;border:4px solid #8bee86;border-radius:10px}@media screen and (max-width:992px){#contactme .button,#contactme button{padding:15px 40px}}#contactme .button:before,#contactme button:before{content:"";height:250%;width:100%;position:absolute;opacity:0;bottom:-75%;left:0;transition:all .3s linear;z-index:-1;transform:scale(.1);border-radius:50%;background:linear-gradient(90deg,#8bee86,#f9f871)}#contactme .button.active,#contactme .button:hover,#contactme button.active,#contactme button:hover{color:#242835;border-color:rgba(0,0,0,0)}#contactme .button.active:before,#contactme .button:hover:before,#contactme button.active:before,#contactme button:hover:before{opacity:1;transform:scale(2)}