main{padding:100px 150px;display:flex;flex-direction:column;row-gap:80px}@media only screen and (min-width: 2560px){main{padding:150px 12%}}@media only screen and (max-width: 1024px){main{padding:80px 120px;row-gap:60px}}@media only screen and (max-width: 767px){main{padding:35px 30px;row-gap:50px}}.banner{display:flex;flex-direction:row;column-gap:30px}@media only screen and (max-width: 1024px){.banner{flex-direction:column-reverse;row-gap:30px;column-gap:inherit}}.banner-img_container{width:300px;height:400px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}@media only screen and (max-width: 1024px){.banner-img_container{width:225px;height:300px;margin:0 auto}}@media only screen and (max-width: 767px){.banner-img_container{width:200px;height:266.6666666667px}}.banner-img_container img{width:100%;height:100%}.banner-img_container canvas{position:absolute;width:100%;height:100%;top:0;left:0}.banner-content{display:flex;flex-direction:column;row-gap:30px;z-index:2;pointer-events:none}.banner-content h1{margin-left:-60px}@media only screen and (max-width: 1024px){.banner-content h1{margin-left:0}}.bloc{display:flex;flex-direction:column;row-gap:50px}.bloc-content{display:flex;flex-direction:row;column-gap:30px}@media only screen and (max-width: 767px){.bloc-content{flex-direction:column;column-gap:inherit;row-gap:30px}}@media only screen and (max-width: 1280px){.bloc-content-skills{flex-direction:column;column-gap:inherit;row-gap:30px}}@media only screen and (max-width: 1280px){.bloc-content-skills h2{width:100% !important}}.bloc-content h2{width:300px;flex-shrink:0}@media only screen and (max-width: 1280px){.bloc-content h2{width:260px}}@media only screen and (max-width: 1024px){.bloc-content h2{width:220px}}@media only screen and (max-width: 767px){.bloc-content h2{width:100%}}.bloc-content_strengths{display:flex;flex-direction:column;row-gap:30px;justify-content:center}.bloc-content_strengths-element{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.bloc-content_strengths-element::after{content:"";width:100%;height:.5px;background:var(--color-grey);position:absolute;bottom:-15px;left:0;opacity:.2}.bloc-content_strengths-element:last-child::after{content:none}.bloc-content_skills{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;justify-items:center;width:100%}@media only screen and (max-width: 1024px){.bloc-content_skills{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 767px){.bloc-content_skills{grid-template-columns:repeat(2, 1fr)}}.bloc-content_skills-card{width:150px;aspect-ratio:1/1;perspective:300px;position:relative}@media only screen and (min-width: 2560px){.bloc-content_skills-card{width:300px}}@media only screen and (max-width: 1024px){.bloc-content_skills-card{width:130px}}@media only screen and (max-width: 767px){.bloc-content_skills-card{width:100px}}.bloc-content_skills-card-content{background:var(--color-text);padding:1em;width:100%;height:100%;position:relative;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out}.bloc-content_skills-card-content::before{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border:2px solid var(--color-text);z-index:-1}.bloc-content_skills-card-glow{height:100%;width:100%;position:absolute;top:0;left:0;z-index:2;background:radial-gradient(350px circle at var(--mouse-x) var(--mouse-y), rgba(105, 166, 232, 0.4), transparent 45%);transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;opacity:0}.bloc-content_skills-card-glow:hover{opacity:1;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out}.bloc-experience{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:30px;justify-items:center}@media only screen and (max-width: 767px){.bloc-experience{grid-template-columns:1fr;column-gap:inherit;row-gap:30px}}.bloc-experience-element{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--color-text);padding:.5em calc(1em + 10px) calc(.5em + 10px) 1em;width:90%;max-width:400px}.bloc-experience-element h3{text-align:center}.bloc-experience-element::before{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border:2px solid var(--color-text);z-index:-1}