@import"https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:300;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input:-webkit-autofill,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{border:1px solid #206d78;-webkit-text-fill-color:white!important;box-shadow:#206d78 0 0 6px;transition:background-color 5000s ease-in-out 0s;caret-color:#fff}input:-internal-autofill-selected{background:red!important;color:red!important}textarea{overflow:auto;vertical-align:top;resize:none}audio,canvas,video{display:inline-block;display:inline;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{text-decoration:none;color:#fff;outline:0}a::selection{color:transparent}a:focus{outline:0}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;margin-left:-7px}button{color:#fff}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;height:13px;width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{background:transparent;outline:0;border:0}input,textarea{color:#fff}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body::-webkit-scrollbar{width:3px}body::-webkit-scrollbar-track{background:#011627}body::-webkit-scrollbar-thumb{background-color:#09414b}*{font-family:Montserrat Alternates,sans-serif;cursor:none}body{color:#fff;line-height:normal;background:#011627;overflow-x:hidden}.App{position:relative;z-index:4;min-height:100vh;overflow-x:hidden}.main{padding:100px 0;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeInComponent{0%{opacity:0}to{opacity:1}}.fade-in-component{animation:fadeInComponent 1s ease-in-out}.background{position:fixed;top:0;left:0;height:100vh;width:100%}.background_color{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;background:#011627}.background_filtre{position:absolute;top:0;left:0;z-index:3;height:100%;width:100%}.background_shapes{height:100%;width:100%}.background_shapes .shape{z-index:2;width:500px;height:200px;opacity:.7;position:fixed;border-radius:100px;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;filter:blur(60px)}.background_shapes .shape:nth-child(1){top:50%;right:170px;background-color:#43d9ad;animation-name:shape_animation_1;transform:translateY(-50%) rotate(326deg);transform-origin:center center}@media screen and (max-width: 767px){.background_shapes .shape:nth-child(1){right:-170px}}.background_shapes .shape:nth-child(2){top:60%;right:150px;background-color:#4d5bce;animation-name:shape_animation_2;transform:translateY(-50%) rotate(30deg);transform-origin:center center}@media screen and (max-width: 767px){.background_shapes .shape:nth-child(2){right:-150px}}@keyframes shape_animation_1{0%{transform:translateY(-50%) rotate(326deg)}to{transform:translateY(-50%) rotate(686deg)}}@keyframes shape_animation_2{0%{transform:translateY(-50%) rotate(390deg)}to{transform:translateY(-50%) rotate(30deg)}}.mac_buttons{display:flex}.mac_buttons:hover span img,.mac_buttons:hover a img{opacity:.7}.mac_buttons span,.mac_buttons a{display:flex;align-items:center;justify-content:center;width:11px;height:11px;border-radius:50px;margin-right:10px}.mac_buttons span img,.mac_buttons a img{width:9px;height:9px;object-fit:cover;opacity:0}.mac_buttons span:nth-child(1),.mac_buttons a:nth-child(1){background:red}.mac_buttons span:nth-child(2),.mac_buttons a:nth-child(2){background:orange}.mac_buttons span:nth-child(3),.mac_buttons a:nth-child(3){background:green;margin-right:0}.mac_buttons span:nth-child(3) img,.mac_buttons a:nth-child(3) img{transform:rotate(-45deg)}.header{border-bottom:solid 1px rgba(76,76,76,.76);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#001321}.header_title{color:#4c4c4cc2}.navbar{background:#001321}.navbar ul{display:flex;overflow:scroll}.navbar ul::-webkit-scrollbar{display:none}.navbar_link a{border-top:solid 1.5px transparent;display:block;padding:15px 65px}@media screen and (max-width: 1023px){.navbar_link a{padding:15px 48px}}@media screen and (max-width: 767px){.navbar_link a{padding:15px 24px}}.navbar_link .active{border-top-color:var(--primary-color);background:#011627}.code{margin:96px 0;padding:48px 0;background-color:#011e358c}@media screen and (max-width: 1200px){.code{padding:24px 0}}.code_line{display:flex;align-items:center;margin-bottom:12px;padding:4px 192px;height:100%}@media screen and (max-width: 1200px){.code_line{align-items:start;padding:8px 96px}}@media screen and (max-width: 1023px){.code_line{align-items:start;padding:8px 48px}}@media screen and (max-width: 767px){.code_line{padding:8px 24px}}@media screen and (max-width: 340px){.code_line{padding:8px 12px}}.code_line:hover{background-color:#ffffff0d}.code_line:last-child{margin-bottom:0}.code_line_num{display:flex;justify-content:end;width:30px;margin-right:12px;opacity:.5;font-family:"Press Start 2P";font-size:12px;line-height:2}@media screen and (max-width: 1023px){.code_line_num{font-size:10px}}@media screen and (max-width: 767px){.code_line_num{font-size:8px}}@media screen and (max-width: 340px){.code_line_num{font-size:6px}}.code_line_txt{font-size:20px;opacity:.3;transition:1s ease-in-out;width:100%}.code_line_txt:hover{opacity:1;transition:0s ease-in-out}@media screen and (min-width: 1900px){.code_line_txt{font-size:24px}}@media screen and (max-width: 1023px){.code_line_txt{font-size:18px}}@media screen and (max-width: 767px){.code_line_txt{font-size:16px}}@media screen and (max-width: 480px){.code_line_txt{font-size:14px}}@media screen and (max-width: 340px){.code_line_txt{font-size:12px}}.expertise{display:flex;justify-content:space-between;align-items:center;flex-direction:column;flex-wrap:wrap;row-gap:400px;margin:96px 192px 400px}@media screen and (max-width: 1200px){.expertise{margin:96px 96px 400px}}@media screen and (max-width: 1023px){.expertise{margin:96px 48px 400px}}@media screen and (max-width: 767px){.expertise{margin:96px 24px 400px}}@media screen and (max-width: 340px){.expertise{margin:96px 12px 400px}}.expertise_container{width:450px;transition:.5s ease-in-out;opacity:0;transform:translate(0) translateY(0) perspective(750px) rotateY(0) scale(1) rotateX(0)}@media screen and (min-width: 1600px){.expertise_container{width:500px}}@media screen and (max-width: 1200px){.expertise_container{width:450px}}@media screen and (max-width: 1023px){.expertise_container{width:400px}}@media screen and (max-width: 480px){.expertise_container{width:100%}}.expertise_container_left{transform:translate(calc(50vw - 100%)) translateY(100px) perspective(800px) rotateY(-25deg) scale(1) rotateX(10deg);opacity:1}@media screen and (max-width: 1200px){.expertise_container_left{transform:translate(calc(50vw - 100% + 100px)) translateY(100px) perspective(800px) rotateY(-25deg) scale(1) rotateX(10deg)}}@media screen and (max-width: 767px){.expertise_container_left{transform:translate(0) translateY(100px) perspective(800px) rotateY(-25deg) scale(1) rotateX(10deg)}}.expertise_container_right{transform:translate(calc(-50vw + 100%)) translateY(100px) perspective(800px) rotateY(25deg) scale(1) rotateX(10deg);opacity:1}@media screen and (max-width: 1200px){.expertise_container_right{transform:translate(calc(-50vw + 100% - 100px)) translateY(100px) perspective(800px) rotateY(25deg) scale(1) rotateX(10deg)}}@media screen and (max-width: 767px){.expertise_container_right{transform:translate(0) translateY(100px) perspective(800px) rotateY(25deg) scale(1) rotateX(10deg)}}.expertise_container_background{background:linear-gradient(45deg,rgba(67,217,173,.26) 0%,rgba(0,161,177,.26) 100%);border-radius:20px}.expertise_container_title{display:flex;align-items:center;justify-content:center;background-color:#0012219e;border-top-left-radius:20px;border-top-right-radius:20px;padding:16px 0}.expertise_container_title h3{color:#206d78;font-size:20px;font-weight:500;text-shadow:0px 0px 2px #206d78}@media screen and (min-width: 1600px){.expertise_container_title h3{font-size:24px}}.expertise_container_title svg{margin-right:12px;height:32px;width:32px}.expertise_container_title svg path{stroke:#206d78;fill:transparent;border-width:1px}.expertise_container_content{padding:24px}@media screen and (max-width: 480px){.expertise_container_content{padding:16px}}@media screen and (max-width: 320px){.expertise_container_content{padding:12px}}.expertise_container_content p{font-size:16px;line-height:1.5}@media screen and (min-width: 1600px){.expertise_container_content p{font-size:20px}}.skills{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:24px;row-gap:48px;margin:192px 0 96px}@media screen and (min-width: 1900px){.skills{column-gap:48px}}.skills_content{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border-radius:16px;width:100px;height:100px;background:linear-gradient(45deg,rgba(67,217,173,.26) 0%,rgba(0,161,177,.26) 100%);animation:icon_move1 4s linear infinite}@media screen and (min-width: 1900px){.skills_content{width:120px;height:120px}}.skills_content:nth-child(2n){animation-name:icon_move2}.skills_content svg{width:50px;height:50px;filter:drop-shadow(0 0 8px var(--primary-color));margin-bottom:8px}.skills_content svg path{color:var(--primary-color)}@keyframes icon_move1{0%{transform:translateY(0)}20%{transform:translateY(-10px)}40%{transform:translateY(0)}80%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes icon_move2{0%{transform:translateY(0)}20%{transform:translateY(10px)}40%{transform:translateY(0)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.cursor{position:fixed;z-index:999;transform:translate(-50%,-50%);pointer-events:none;box-shadow:var(--primary-color) 0 0 15px 2px,inset 0 0 10px 1px var(--primary-color);border:3px solid var(--primary-color);transition:width .3s ease-in-out,height .3s ease-in-out,background-color .3s}@media screen and (max-width: 767px){.cursor{display:none;z-index:-999}}.title{font-size:20px;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1600px){.title{font-size:24px}}.title span{color:var(--primary-color);text-shadow:var(--primary-color) 0px 0px 5px;font-weight:200;font-size:20px;opacity:.4}.title span:first-child{margin-right:4px}.title span:last-child{margin-left:4px}.title p{opacity:0;animation:fadeInOut 1s linear infinite;font-weight:100}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.about_to_top{display:flex;align-items:center;justify-content:center;position:absolute;background:linear-gradient(45deg,rgba(67,217,173,.26) 0%,rgba(0,161,177,.26) 100%);bottom:40px;right:40px;border-radius:50%}.about_to_top svg{height:40px;width:40px;transform:rotate(-90deg)}.about_to_top svg path{color:#0012219e}.contact{box-sizing:border-box}@media screen and (min-width: 1600px){.contact{display:flex;align-items:center;flex-direction:column}}.contact_container{display:flex;flex-direction:column;margin:96px 192px 0}@media screen and (min-width: 1600px){.contact_container{width:65%;height:70vh}}@media screen and (max-width: 1200px){.contact_container{margin:96px 96px 0}}@media screen and (max-width: 1023px){.contact_container{margin:96px 48px 0}}@media screen and (max-width: 767px){.contact_container{margin:96px 24px 0;height:auto}}@media screen and (max-width: 340px){.contact_container{margin:96px 12px 0}}.contact_container_header{display:flex;justify-content:space-between;align-items:center;width:100%;background:#001321;padding:12px 24px;border-top-right-radius:20px;border-top-left-radius:20px}.contact_container_header_title{color:#4c4c4cc2}.contact_container_content{display:flex;background:linear-gradient(45deg,rgba(67,217,173,.26) 0%,rgba(0,161,177,.26) 100%);border-bottom-right-radius:20px;border-bottom-left-radius:20px}@media screen and (max-width: 767px){.contact_container_content{flex-direction:column;order:2}}.contact_container_form{display:flex;justify-content:center;flex-direction:column;width:55%;background-color:#0012219e;padding:48px;border-bottom-left-radius:20px}@media screen and (min-width: 1600px){.contact_container_form{padding:48px 64px}}@media screen and (max-width: 1023px){.contact_container_form{padding:32px}}@media screen and (max-width: 767px){.contact_container_form{width:100%;order:1;border-radius:20px}}@media screen and (max-width: 480px){.contact_container_form{padding:24px}}.contact_container_form_input{margin-bottom:32px}.contact_container_form_input input{width:100%;padding:12px 16px}.contact_container_form_input input:first-child{margin-bottom:16px}.contact_container_form_textarea{margin-bottom:32px}.contact_container_form_textarea textarea{width:100%;height:120px;padding:12px 16px;resize:none}.contact_container_form_textarea textarea::-webkit-scrollbar{width:3px}.contact_container_form_textarea textarea::-webkit-scrollbar-track{background:transparent}.contact_container_form_textarea textarea::-webkit-scrollbar-thumb{background-color:#09414b}.contact_container_form_checkbox{display:flex;flex-wrap:wrap;row-gap:16px;column-gap:16px;margin-bottom:32px}.contact_container_form_checkbox_button{display:flex;align-items:center;justify-content:center;background-color:#2e88942e;width:calc(33.3333333333% - 11px);padding:12px}@media screen and (max-width: 480px){.contact_container_form_checkbox_button{width:calc(50% - 8px)}}@media screen and (max-width: 320px){.contact_container_form_checkbox_button{width:100%}}.contact_container_form_checkbox .checked{background-color:#004c01;border:1px solid var(--primary-color)}.contact_container_form_checkbox input{display:none}.contact_container_form_submit{display:flex;justify-content:center}.contact_container_form_submit button{background-color:#2e88942e;padding:12px 16px}.contact_container_form input,.contact_container_form textarea,.contact_container_form_checkbox_button,.contact_container_form_submit button{border:1px solid #206d78;box-shadow:#206d78 0 0 6px;border-radius:4px;transition:.3s ease-in-out}.contact_container_form .valid{border:1px solid var(--primary-color);box-shadow:var(--primary-color) 0 0 6px 0}.contact_container_form .invalid{border:1px solid red;box-shadow:red 0 0 6px}.contact_container_details{display:flex;justify-content:space-between;flex-direction:column;width:45%;height:auto;border-bottom-right-radius:20px;padding:48px}@media screen and (min-width: 1600px){.contact_container_details{padding:64px}}@media screen and (max-width: 1023px){.contact_container_details{padding:32px}}@media screen and (max-width: 767px){.contact_container_details{width:100%;border-radius:20px}}@media screen and (max-width: 480px){.contact_container_details{padding:24px}}.contact_container_details_text{line-height:1.4}.contact_container_details_text h2{font-size:40px;font-weight:100}@media screen and (max-width: 1200px){.contact_container_details_text h2{font-size:32px}}@media screen and (max-width: 767px){.contact_container_details_text h2{font-size:28px}}.contact_container_details_text p{font-size:20px;font-weight:300;margin-top:24px}@media screen and (max-width: 1200px){.contact_container_details_text p{font-size:16px}}.contact_container_details_reseaux h3{font-size:24px;font-weight:300}@media screen and (max-width: 1200px){.contact_container_details_reseaux h3{font-size:20px}}@media screen and (max-width: 767px){.contact_container_details_reseaux h3{margin-top:16px}}.contact_container_details_reseaux_link{margin-top:24px;display:flex}.contact_container_details_reseaux_link a{display:flex;align-items:center;justify-content:center;padding:16px;background-color:#0012219e;border-radius:50%;margin-right:16px}.contact_container_details_reseaux_link a:last-child{margin-right:0}.contact_container_details_reseaux_link a svg{width:25px;height:25px}.contact_container_details_reseaux_link a svg path{color:#206d78}.experience{box-sizing:border-box}@media screen and (min-width: 1600px){.experience{display:flex;align-items:center;flex-direction:column}}.experience_container{display:flex;flex-direction:column;margin:96px 192px 0;height:600px;border-radius:20px;overflow:hidden}@media screen and (min-width: 1600px){.experience_container{width:65%;height:70vh}}@media screen and (max-width: 1200px){.experience_container{margin:96px 96px 0}}@media screen and (max-width: 1023px){.experience_container{margin:96px 48px 0}}@media screen and (max-width: 767px){.experience_container{margin:96px 24px 0}}@media screen and (max-width: 340px){.experience_container{margin:96px 12px 0}}.experience_header{display:flex;justify-content:space-between;align-items:center;width:100%;background:#001321;padding:12px 24px;border-top-right-radius:20px;border-top-left-radius:20px}.experience_header_title{color:#4c4c4cc2}.experience_content{position:relative;display:flex;width:100%;height:100%;overflow-x:hidden;background:linear-gradient(45deg,rgba(67,217,173,.26) 0%,rgba(0,161,177,.26) 100%)}@media screen and (max-width: 767px){.experience_content{background:none}}.experience_content_accordeon{width:400px;background-color:#042531c4;border-bottom-left-radius:20px;padding:24px;opacity:1;overflow:hidden}@media screen and (min-width: 1600px){.experience_content_accordeon{font-size:20px}}@media screen and (max-width: 767px){.experience_content_accordeon{width:100%;border-bottom-right-radius:20px;transition:.3s ease-in-out}}.experience_content_accordeon_category_title{display:flex;align-items:center;font-weight:300}.experience_content_accordeon_category_title_row{display:flex;align-items:center}.experience_content_accordeon_category_title_folder{display:flex;align-items:center;margin-right:8px}.experience_content_accordeon_category:nth-child(1)>button>span>svg>path{color:#355258}.experience_content_accordeon_category:nth-child(2)>button>span>svg>path{color:#473b6f}.experience_content_accordeon_category:nth-child(3)>button>span>svg>path{color:#154325}.experience_content_accordeon_subcategory{transition:.5s ease-in-out}.experience_content_accordeon_subcategory_title{display:flex;align-items:center;opacity:.7;font-weight:200;transition:.3s ease-in-out;margin-left:16px}.experience_content_accordeon_subcategory_title_file{display:flex;align-items:center;margin-right:8px;color:#72949b}.experience_content_accordeon .active{color:var(--primary-color);text-shadow:var(--primary-color) 0px 0px 5px}.experience_content_contenu{position:relative;right:0;width:100%;border-bottom-right-radius:20px;overflow-y:scroll;padding:64px 48px 48px}@media screen and (min-width: 1600px){.experience_content_contenu{padding:64px 48px 48px}}@media screen and (max-width: 1200px){.experience_content_contenu{padding:64px 24px 48px}}@media screen and (max-width: 1023px){.experience_content_contenu{padding:64px 48px 48px}}@media screen and (max-width: 767px){.experience_content_contenu{position:absolute;border-bottom-left-radius:20px;right:calc(-100% - 100px);transition:.3s ease-in-out;height:100%;background:linear-gradient(45deg,rgba(67,217,173,.26) 0%,rgba(0,161,177,.26) 100%)}}@media screen and (max-width: 340px){.experience_content_contenu{padding:64px 24px 48px}}.experience_content_contenu_container{padding-bottom:24px;margin-bottom:24px;border-bottom:solid 1px var(--primary-color)}.experience_content_contenu_container:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.experience_content_contenu_container ul li{margin-bottom:8px}.experience_content_contenu_file_title{position:absolute;top:16px;left:50%;transform:translate(-50%);color:var(--primary-color);text-shadow:var(--primary-color) 0px 0px 5px;font-weight:300;margin-bottom:24px;opacity:.8;font-size:18px}.experience_content_contenu_title{color:var(--primary-color);text-shadow:var(--primary-color) 0px 0px 5px;margin-bottom:16px;font-weight:300}.experience_content_contenu_title span:first-child{margin-right:4px}.experience_content_contenu_title span:last-child{margin-left:4px}.experience_content_contenu_text span{margin-right:8px;color:var(--primary-color);text-shadow:var(--primary-color) 0px 0px 5px;font-weight:700}.experience_content_contenu_close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;left:18px;padding:2px;background:var(--primary-color);border-radius:50%;box-shadow:var(--primary-color) 0 0 10px}.experience_content_contenu_close path{color:#000}@media screen and (min-width: 768px){.experience_content_contenu_close{display:none}}@media screen and (min-width: 1600px){.experience_content_contenu{font-size:18px}}.experience_content_contenu::-webkit-scrollbar{width:3px}.experience_content_contenu::-webkit-scrollbar-track{background:transparent}.experience_content_contenu::-webkit-scrollbar-thumb{background-color:#196468}.competences .experience_content_contenu_container,.languages .experience_content_contenu_container{padding-bottom:0;margin-bottom:0;border-bottom:none}.competences{display:flex;flex-wrap:wrap;row-gap:24px;column-gap:48px}.competences .experience_content_contenu_container{flex:0 0 44%}@media screen and (max-width: 1023px){.competences .experience_content_contenu_container{flex:0 0 100%}}.languages .experience_content_contenu_container{display:flex;justify-content:space-between;width:300px}@media screen and (max-width: 480px){.languages .experience_content_contenu_container{width:auto;flex-direction:column;margin-bottom:24px}}.languages .experience_content_contenu_container div{display:flex}.languages .experience_content_contenu_container div span{opacity:.5}.languages .experience_content_contenu_container div span:first-child{margin-right:4px}.languages .experience_content_contenu_container div p{margin-right:4px;text-shadow:var(--primary-color) 0px 0px 5px}.languages .experience_content_contenu_container div .level{color:var(--primary-color);font-weight:700}@media screen and (min-width: 1600px){.portfolio{display:flex;align-items:center;flex-direction:column}}.portfolio_container{display:flex;flex-direction:column;margin:96px 192px 0;border-radius:20px;height:600px;background:rgba(1,30,53,.55);overflow:hidden}@media screen and (min-width: 1600px){.portfolio_container{width:65%;height:70vh}}@media screen and (max-width: 1200px){.portfolio_container{margin:96px 96px 0}}@media screen and (max-width: 1023px){.portfolio_container{margin:96px 48px 0}}@media screen and (max-width: 767px){.portfolio_container{margin:96px 24px 0}}@media screen and (max-width: 340px){.portfolio_container{margin:96px 12px 0}}.portfolio_container_header{display:flex;justify-content:space-between;align-items:center;width:100%;background:#001321;padding:12px 24px;border-top-right-radius:20px;border-top-left-radius:20px}.portfolio_container_header_title{color:#4c4c4cc2}.portfolio_container_content{position:relative;display:flex;height:100%}@media screen and (max-width: 767px){.portfolio_container_content{flex-direction:column;height:100%}}.portfolio_container_content_toggle_popup{position:absolute;top:22px;left:43px;z-index:6;display:none;align-items:center;justify-content:center;margin-bottom:20px;border-radius:20px;background-color:#236d78;filter:drop-shadow(0 0 4px #236d78);border:1px solid transparent;width:40px;height:25px;transition:.3s ease-in-out}.portfolio_container_content_toggle_popup svg path,.portfolio_container_content_toggle_popup svg circle{stroke:var(--primary-color)}@media screen and (max-width: 767px){.portfolio_container_content_toggle_popup{display:flex}}.portfolio_container_content_languages{width:250px;background-color:#042531c4;padding:48px}@media screen and (max-width: 1023px){.portfolio_container_content_languages{padding:32px}}@media screen and (max-width: 767px){.portfolio_container_content_languages{padding:64px 48px 48px;position:absolute;top:0;left:calc(-100% - 100px);width:100%;height:100%;z-index:5;transition:.3s ease-in-out}}.portfolio_container_content_languages_contenu .language_active{color:var(--primary-color)}.portfolio_container_content_languages_contenu .language_active span{border-color:var(--primary-color);box-shadow:var(--primary-color) 0 0 4px 0}.portfolio_container_content_languages_contenu>div{display:flex;align-items:center;margin-bottom:16px;transition:.3s ease-in-out}.portfolio_container_content_languages_contenu>div span{display:flex;align-items:center;justify-content:center;box-shadow:#206d78 0 0 4px;border:2px solid #206d78;border-radius:50px;height:30px;width:30px;margin-right:8px;transition:.3s ease-in-out}.portfolio_container_content_languages_contenu>div span svg{filter:drop-shadow(0 0 12px #206d78)}.portfolio_container_content_languages_contenu>div span svg path{stroke-width:3px;stroke:#206d78}.portfolio_container_content_languages_contenu>div span .open svg{display:block;width:10px;height:10px}.portfolio_container_content_projets{flex-basis:45%;padding:32px 48px;overflow-y:auto}.portfolio_container_content_projets::-webkit-scrollbar{width:3px}.portfolio_container_content_projets::-webkit-scrollbar-track{background:#011627}.portfolio_container_content_projets::-webkit-scrollbar-thumb{background-color:#09414b}@media screen and (min-width: 1600px){.portfolio_container_content_projets{padding:32px 48px}}@media screen and (max-width: 1023px){.portfolio_container_content_projets{padding:24px 48px}}@media screen and (max-width: 767px){.portfolio_container_content_projets{padding:0;flex-basis:auto;height:auto}}.portfolio_container_content_projets_contenu{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:12px;align-items:center;justify-content:space-between;width:100%;height:auto;overflow-x:hidden;padding-bottom:48px}.portfolio_container_content_projets_contenu::-webkit-scrollbar{height:3px}.portfolio_container_content_projets_contenu::-webkit-scrollbar-track{background:#011627}.portfolio_container_content_projets_contenu::-webkit-scrollbar-thumb{background-color:#09414b}@media screen and (max-width: 767px){.portfolio_container_content_projets_contenu{flex-wrap:nowrap;flex-basis:auto;overflow-x:auto;overflow-y:hidden;width:100%;height:auto;padding:48px 0 48px 48px;border-bottom:3px solid #206d78}}@media screen and (max-width: 320px){.portfolio_container_content_projets_contenu{padding:48px 0 24px 24px}}.portfolio_container_content_projets_contenu .projet_active svg:first-child path{stroke:var(--primary-color)}.portfolio_container_content_projets_contenu>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:75px}@media screen and (min-width: 1600px){.portfolio_container_content_projets_contenu>div{width:100px}}@media screen and (max-width: 767px){.portfolio_container_content_projets_contenu>div{width:100px}.portfolio_container_content_projets_contenu>div:last-child{margin-right:48px}}@media screen and (max-width: 320px){.portfolio_container_content_projets_contenu>div{width:75px}.portfolio_container_content_projets_contenu>div:last-child{margin-right:24px}}.portfolio_container_content_projets_contenu>div svg{display:block;height:auto;width:75px}@media screen and (min-width: 1600px){.portfolio_container_content_projets_contenu>div svg{width:100px}}@media screen and (max-width: 767px){.portfolio_container_content_projets_contenu>div svg{width:100px}}@media screen and (max-width: 320px){.portfolio_container_content_projets_contenu>div svg{width:75px}}.portfolio_container_content_projets_contenu>div svg path{transition:.3s ease-in-out;fill:#1a4b556b;stroke:#1a4b55c7;stroke-width:5px}.portfolio_container_content_projets_contenu>div p{text-align:center}.portfolio_container_content_details{flex-basis:55%;padding:48px;position:relative;overflow-y:auto}.portfolio_container_content_details::-webkit-scrollbar{width:3px}.portfolio_container_content_details::-webkit-scrollbar-track{background:#011627}.portfolio_container_content_details::-webkit-scrollbar-thumb{background-color:#09414b}@media screen and (max-width: 1023px){.portfolio_container_content_details{padding:32px}}@media screen and (max-width: 767px){.portfolio_container_content_details{padding:48px;height:100%;flex-basis:none}}@media screen and (max-width: 320px){.portfolio_container_content_details{padding:24px}}.portfolio_container_content_details_contenu{padding-bottom:48px;height:auto}@media screen and (max-width: 767px){.portfolio_container_content_details_contenu{padding-bottom:0}}.portfolio_container_content_details_contenu_image{width:100%}.portfolio_container_content_details_contenu h3{font-size:20px;font-weight:300;margin:24px 0}.portfolio_container_content_details_contenu p{font-weight:200}.portfolio_container_content_separateur{width:2px;background-color:#206d78;box-shadow:#206d78 0 0 6px}@media screen and (max-width: 767px){.separateur_resp{display:none}}:root{--primary-color: #00ff00}