@import"https://rsms.me/inter/inter.css";@supports(font-variation-settings: normal){html{font-family:"Inter var",sans-serif}}@keyframes fadein{100%{opacity:1;top:0}}@keyframes fill{0%{width:0}100%{width:100%}}@keyframes spinOnHover-2{0%{transform:rotate(0)}100%{transform:rotate(-2deg)}}@keyframes spinOnHover-4{0%{transform:rotate(0)}100%{transform:rotate(-4deg)}}*{box-sizing:border-box}html,body{margin:0;padding:0;color:hsl(240,5%,94%);font-size:0.75rem;font-family:"Inter",Arial,Helvetica,sans-serif;font-feature-settings:"salt";background-color:hsl(240,5%,8%);text-wrap:pretty}h1,h2,h3,h4,h5,h6{font-family:"Inter",Arial,Helvetica,sans-serif;text-transform:uppercase}h1{font-size:4rem;font-weight:700;margin-bottom:1.25rem}h2{font-size:4rem;font-weight:700}h2 span{opacity:.5;margin-right:0.625rem}h3{font-size:2.375rem;font-weight:700}a{color:hsl(240,5%,94%);text-decoration:none;transition:text-decoration 200ms ease-in}a:hover{animation:spinOnHover-2 200ms ease-in-out forwards;text-decoration:2px underline hsl(240,5%,94%)}#app{height:100vh;display:grid;grid-template-columns:2fr 3fr}#app #sidebar{justify-content:center;padding:4rem;color:hsl(240,5%,94%);min-width:24.75rem}#app #sidebar img{width:12.5rem;height:12.5rem;border-radius:0.375rem}#app #sidebar h1 span{background-color:hsl(240,5%,94%);border-radius:0.375rem;color:hsl(240,5%,8%);padding:0 0.625rem}#app #sidebar p{font-size:1.625rem;margin:0 0 1.25rem}#app #sidebar .social{margin:1.25rem 0}#app #sidebar .social span{margin-right:1.25rem}#app #sidebar .social span a,#app #sidebar .social span a:hover{text-decoration:none}#app #sidebar .social span svg{height:1.875rem;fill:hsl(240,5%,94%);transition-property:fill 250ms ease-in}#app #sidebar .social span svg.icon-linkedin:hover,#app #sidebar .social span svg.icon-github:hover,#app #sidebar .social span svg.icon-email:hover{animation:spinOnHover-4 200ms ease-in-out forwards}#app #sidebar .social span svg.icon-linkedin:hover{fill:rgb(0,148.75,255)}#app #sidebar .social span svg.icon-github:hover{fill:hsl(240,5%,75%)}#app #sidebar .social span svg.icon-email:hover{fill:#ff0}#app #sidebar button{min-width:7.8125rem;background-color:hsl(240,5%,94%);border:3px solid rgba(0,0,0,0);font-family:"Inter",Arial,Helvetica,sans-serif;border-radius:0.375rem;padding:0.625rem;margin:1.25rem 0 0;cursor:pointer;transition:all .1s ease}#app main{display:flex;flex-direction:column;overflow-y:scroll;font-size:1.375rem;scrollbar-color:hsla(240,5%,8%,0) hsla(240,5%,8%,0);scrollbar-width:thin}#app main:hover{scrollbar-color:hsl(240,5%,94%) hsla(240,5%,8%,0)}#app main:hover::-webkit-scrollbar-thumb{background-color:hsl(240,5%,94%)}#app main::-webkit-scrollbar{width:0.625rem}#app main::-webkit-scrollbar-track{background:none;border-radius:1rem}#app main::-webkit-scrollbar-thumb{border-radius:1rem;background-color:none;transition:background-color .4s ease}#app main .section{padding:8rem 16rem 8rem 8rem;min-height:100vh}#app main .section-wrapper{display:grid;position:relative;width:100%;top:10%;opacity:0}#app main .fade-in{animation-name:fadein;animation-duration:750ms;animation-delay:100ms;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:forwards}#app main #intro{flex:0 0 auto;-webkit-flex:0 0 auto;background-color:hsl(120,25%,75%);color:hsl(240,5%,8%)}#app main #intro a{color:hsl(240,5%,8%);text-decoration:underline;text-decoration-color:hsl(240,5%,94%);transition:all .2s ease}#app main #intro a:hover{border-radius:0.1875rem;background-color:hsl(240,5%,94%);text-decoration-color:hsl(240,5%,8%);text-decoration-thickness:2px}#app main #skills{flex:0 0 auto;-webkit-flex:0 0 auto;height:auto;background-color:hsl(240,15%,25%)}#app main #skills a{text-decoration:underline}#app main #skills a:hover{text-decoration:none;background-color:#fff}#app main #skills .skill-barre{margin-bottom:1.25rem}#app main #skills .skill-barre .barre{position:relative;width:100%;height:0.75rem;background-color:hsl(240,5%,8%);border-radius:0.75rem}#app main #skills .skill-barre .barre #talent1,#app main #skills .skill-barre .barre #talent2,#app main #skills .skill-barre .barre #talent3,#app main #skills .skill-barre .barre #talent4{position:absolute;height:100%;top:0;left:0;border-radius:0.375rem;width:0}#app main #skills .skill-barre .barre #talent1{width:82.5%}#app main #skills .skill-barre .barre #talent2{width:80%}#app main #skills .skill-barre .barre #talent3{width:75%}#app main #skills .skill-barre .barre #talent4{width:80%}#app main #skills .skill-barre .barre .barre-mesure{position:absolute;height:100%;animation:fill .75s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;width:100%;background-color:hsl(240,5%,94%);border-radius:0.375rem}#app main #skills ul{display:flex;flex-wrap:wrap;margin:0;padding:0;gap:1rem}#app main #skills ul li{list-style:none;padding:0.625rem;border:1px solid hsl(240,5%,8%);border-radius:0.375rem}#app main #skills ul li a:hover{background-color:#fff;color:hsl(240,5%,8%)}#app main #skills ul li.skill-soft{border:1px solid hsl(205,10%,75%)}#app main #skills ul li.skill-base{border:1px solid hsl(60,50%,75%)}#app main #skills ul li.skill-tech{border:1px solid hsl(205,40%,75%)}#app main #skills ul li.skill-framework{border:1px solid hsl(1,60%,75%)}#app main #skills ul li.skill-template{border:1px solid hsl(120,25%,75%)}#app main #skills ul li.skill-tool{border:1px solid hsl(269,50%,75%)}#app main #cv{flex:0 0 auto;-webkit-flex:0 0 auto;background-color:hsl(60,50%,75%);color:hsl(240,5%,8%)}#app main #cv .cv-conteneur{flex:1 1 auto;height:100%;position:relative;z-index:99}#app main #cv .cv-conteneur .job-timeline{position:absolute;background-color:hsl(240,5%,8%);width:0.375rem;height:100%;margin:0.5rem 1rem 3rem;z-index:-1}#app main #cv .cv-conteneur .job-conteneur{flex:1;flex-basis:auto;width:100%;margin:0 1.25rem 3rem 0}#app main #cv .cv-conteneur .job-conteneur .job-marker{width:4rem}#app main #cv .cv-conteneur .job-conteneur .job-marker .job-circle{margin-top:0.3125rem;height:2.375rem;fill:hsl(240,5%,8%)}#app main #cv .cv-conteneur .job-conteneur .job-emploi{padding-left:2em}#app main #cv .cv-conteneur .job-conteneur .job-emploi .job-temps{padding:0.625rem;background-color:hsla(240,5%,8%,.3);color:hsl(240,5%,94%);border-radius:0.375rem;margin:0 0 1.25rem;align-self:start}#app main #cv .cv-conteneur .job-conteneur .job-emploi h3{margin:0}#app main #cv .cv-conteneur .job-conteneur .job-emploi .job-employeur{margin-top:0;color:hsla(240,5%,8%,.75)}#app main #cv .cv-conteneur .job-conteneur .job-emploi a{align-self:flex-start}#app main #contact{flex:0 0 auto;-webkit-flex:0 0 auto;min-height:100vh;background-color:hsl(300,15%,25%)}#app main #contact form{max-width:62.5rem}#app main #contact form #form-status{display:none;align-items:center}#app main #contact form .form-container{display:flex}#app main #contact form .form-container .form-div{display:flex;flex-direction:column;align-items:flex-start;width:100%}#app main #contact form .form-container .form-div:first-of-type{margin-right:0.625rem}#app main #contact form input,#app main #contact form textarea{background-color:hsla(0,0%,100%,.8);border:0;padding:0.625rem;border-radius:0.375rem;font-family:"Inter",Arial,Helvetica,sans-serif;font-size:1.625rem;color:hsl(240,5%,8%);width:100%;margin-bottom:1.25rem;margin-top:0.625rem}#app main #contact form button{border:3px solid rgba(0,0,0,0);font-family:"Inter",Arial,Helvetica,sans-serif;border-radius:0.375rem;padding:0.625rem;text-transform:uppercase}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.visually-hidden{position:absolute;height:1px;width:1px;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.btn{background-color:hsl(240,5%,94%)}.btn a{color:hsl(240,5%,8%)}.btn:hover{transform:translateY(-2px);box-shadow:0 0.3125rem 0.9375rem rgba(0,0,0,.5);cursor:pointer}.btn:active{transform:scale(0.95);transform-origin:center}.succes,.erreur{padding:0.625rem;width:100%;font-weight:500;border-radius:0.375rem;background-color:hsla(240,5%,8%,.3);color:hsl(240,5%,94%);margin-bottom:3rem}#dot-status{height:1.625rem;margin-right:1rem}.svg-succes{fill:hsl(120,50%,25%)}.svg-erreur{fill:hsl(0,50%,25%)}.cache{display:none}@media screen and (max-width: 48rem){html,body{font-size:0.5rem}h1{font-size:3rem}#app{display:unset}#app #sidebar{min-height:100vh;padding:3rem;min-width:unset}#app #sidebar img{height:9.375rem;width:9.375rem}#app main{overflow-y:unset}#app main #intro,#app main #skills,#app main #cv,#app main #contact{min-height:100vh;padding:3rem}#app main #contact form{max-width:43.75rem;margin-right:0}}@media print{@page{size:"legal"}#app{height:auto;width:100%;display:flex;flex-direction:column;grid-template-columns:unset}#sidebar{padding:1rem;color:#000}#sidebar img{display:none}main h2{margin:1rem}main #contact{display:none}main .section{min-height:unset;font-size:10pt}main .section-wrapper{position:relative;width:100%;top:unset;opacity:1}}/*# sourceMappingURL=styles.min.css.map */