@font-face{font-display:block;font-family:Material Icons;font-style:normal;font-weight:400;src:url(material-icons.woff2) format("woff2"),url(material-icons.woff) format("woff")}.material-icons{font-feature-settings:"liga";font-family:Material Icons}@font-face{font-display:block;font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(material-icons-outlined.woff2) format("woff2"),url(material-icons-outlined.woff) format("woff")}.material-icons,.material-icons-outlined{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-outlined{font-feature-settings:"liga";font-family:Material Icons Outlined}@font-face{font-display:block;font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(material-icons-round.woff2) format("woff2"),url(material-icons-round.woff) format("woff")}.material-icons-round{font-feature-settings:"liga";font-family:Material Icons Round}@font-face{font-display:block;font-family:Material Icons Sharp;font-style:normal;font-weight:400;src:url(material-icons-sharp.woff2) format("woff2"),url(material-icons-sharp.woff) format("woff")}.material-icons-round,.material-icons-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-sharp{font-feature-settings:"liga";font-family:Material Icons Sharp}@font-face{font-display:block;font-family:Material Icons Two Tone;font-style:normal;font-weight:400;src:url(material-icons-two-tone.woff2) format("woff2"),url(material-icons-two-tone.woff) format("woff")}.material-icons-two-tone{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons Two Tone;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}
body{--primary:#000053;--white:#fff}@media screen and (min-width:1301px){:root{--container:1400px;--main_title:160px;--page_title:120px;--sub-main_title:50px;--size_header:30px;--section_title:50px;--normal_text:22px;--size_nom_project:35px;--section_paddings:100px 0}}.over-snackbar{background-color:#222;color:#fff;display:inline-block;height:auto;left:600vw;padding:5px;position:fixed;top:600vh;width:auto;z-index:900}.error-show{align-items:center;bottom:0;color:#ff5757;display:flex;font-size:15px;max-height:20px;max-width:650px;position:absolute;top:0}.error-show:before{content:"error";font-family:Material Icons;margin-right:5px;position:relative}.intro_screen#intro_screen{align-items:center;display:flex;height:100vh;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}.intro_screen#intro_screen .infos{height:100%;width:100%}.intro_screen#intro_screen .infos .main_logo{-webkit-animation:raimbow_shadow 60s ease infinite;animation:raimbow_shadow 60s ease infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:lazer84;font-size:var(--main_title);letter-spacing:15px;width:100%}.intro_screen#intro_screen .infos .main_logo .spacing-lg{display:none!important}.intro_screen#intro_screen .infos .job-title{font-size:var(--sub-main_title);font-style:italic;margin-top:50px}.intro_screen#intro_screen .go-down{-webkit-animation:anim_drop_down 5s ease-in-out infinite;animation:anim_drop_down 5s ease-in-out infinite;color:#fff;left:calc(50vw - 25px);position:absolute;text-decoration:none;top:90vh}.page_screen#page_screen{align-items:center;display:flex;height:100vh;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}.page_screen#page_screen .infos{height:100%;width:100%}.page_screen#page_screen .infos .main_logo{-webkit-animation:raimbow_shadow 60s ease infinite;animation:raimbow_shadow 60s ease infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:lazer84;font-size:var(--page_title);letter-spacing:12px;width:100%}.page_screen#page_screen .infos .main_logo .spacing-lg{display:none}.page_screen#page_screen .go-down{-webkit-animation:anim_drop_down 5s ease-in-out infinite;animation:anim_drop_down 5s ease-in-out infinite;color:#fff;left:calc(50vw - 25px);position:absolute;text-decoration:none;top:90vh}.competences_table{grid-gap:50px 50px;display:grid;grid-template-columns:repeat(8,1fr)}.competences_table .single_skill{background-image:url(/img/competences_images/cadre_competence.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:130px;margin:0 auto;position:relative;width:130px}.competences_table .single_skill .skill_image{height:90px;margin:20px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:90px}.background-sticky{left:0;position:fixed;top:0;z-index:-999}.background-sticky,.background-sticky img,.background-sticky video{height:100vh;width:100vw}.background-sticky img,.background-sticky video{left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;top:0}section.botton_nav{margin-bottom:50px}section.botton_nav .nav_container{align-items:center;display:flex;justify-content:space-around}section.botton_nav .nav_container a.single_item{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;display:flex;height:300px;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}section.botton_nav .nav_container a.single_item.homepage_link{background-image:url(/img/homepage/homepage__illustration.png)}section.botton_nav .nav_container a.single_item.portfolio_link{background-image:url(/img/homepage/projets__illustration.png);margin:0 10px}section.botton_nav .nav_container a.single_item.contact_link{background-image:url(/img/homepage/contact__illustration.png)}section.botton_nav .nav_container a.single_item .link-name{background-color:var(--white);border-radius:2px;color:var(--primary);font-size:var(--normal_text);padding:15px;text-align:center;z-index:10}@media screen and (max-width:1500px) and (min-width:1301px){.competences_table{grid-template-columns:repeat(7,1fr)!important}}@media screen and (min-width:1301px){main{--main_title:160px}}@media screen and (max-width:1300px) and (min-width:1001px){.competences_table{grid-gap:35px 35px!important;grid-template-columns:repeat(6,1fr)!important}}@media screen and (max-width:1300px) and (min-width:651px){.single_skill{height:100px!important;width:100px!important}.single_skill .skill_image{height:80px!important;margin:10px!important;width:80px!important}}@media screen and (max-width:1000px){.job-title{margin-top:35px!important}.main_logo{margin:0!important}.spacing-lg{display:none!important;filter:opacity(0)!important;visibility:hidden!important}}@media screen and (max-width:1000px) and (min-width:651px){.competences_table{grid-gap:30px 30px!important;grid-template-columns:repeat(5,1fr)!important}}@media screen and (max-width:650px){.main_logo{letter-spacing:7px!important}.go-down{top:95vh!important}.job-title{margin-top:25px!important}.single_skill{height:80px!important;width:80px!important}.single_skill .skill_image{height:60px!important;margin:10px!important;width:60px!important}:root{--text-shadow-val:0 0 15px}.nav_container{display:grid!important;grid-template-columns:100%;grid-template-rows:repeat(3,150px);row-gap:5px}.nav_container .single_item{height:100%!important;width:100%!important}.nav_container .single_item.portfolio_link{margin:0!important}}@media screen and (max-width:650px) and (min-width:451px){.competences_table{grid-gap:25px 25px!important;grid-template-columns:repeat(4,1fr)!important}}@media screen and (max-width:450px) and (min-width:351px){.competences_table{grid-gap:15px 15px!important;grid-template-columns:repeat(3,1fr)!important}}@media screen and (max-width:450px){.page_screen#page_screen .main_logo{word-break:break-all}}@media screen and (max-width:350px){.competences_table{grid-gap:10px 10px!important;grid-template-columns:repeat(2,1fr)!important}}@-webkit-keyframes BGcolor{0%{background-color:#ff5757}10%{background-color:#ff914d}20%{background-color:#ffde59}30%{background-color:#c9e255}40%{background-color:#7ed957}50%{background-color:#5ce1e6}60%{background-color:#38b6ff}70%{background-color:#5271ff}80%{background-color:#8c52ff}90%{background-color:#ff66c4}to{background-color:#ff5757}}@keyframes BGcolor{0%{background-color:#ff5757}10%{background-color:#ff914d}20%{background-color:#ffde59}30%{background-color:#c9e255}40%{background-color:#7ed957}50%{background-color:#5ce1e6}60%{background-color:#38b6ff}70%{background-color:#5271ff}80%{background-color:#8c52ff}90%{background-color:#ff66c4}to{background-color:#ff5757}}*{box-sizing:border-box}html{font-family:Roboto,sans-serif;overflow-x:hidden;scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p{margin:0}a{color:var(--white);text-decoration:none}.container{margin:0 auto;max-width:var(--container);width:100%}:root{--container-grid-gap:100px}.container-grid{grid-column-gap:var(--container-grid-gap);display:grid;grid-template-columns:repeat(2,calc(50% - var(--container-grid-gap)/2));grid-template-rows:auto;margin:0 auto;max-width:var(--container);width:100%}.container-grid .cg-col1,.container-grid .col-1{grid-column:1/1;grid-row:1/1}.container-grid .cg-col2,.container-grid .col-2{grid-column:2/2;grid-row:1/1}.container-grid-fluid{grid-column-gap:var(--container-grid-gap);display:grid;grid-template-columns:repeat(2,calc(50% - var(--container-grid-gap)/2));grid-template-rows:auto;max-width:100%;width:100%}@media screen and (max-width:650px){.container-grid{grid-template-columns:100%!important}.container-grid .cg-col1,.container-grid .cg-col2,.container-grid .col-1,.container-grid .col-2{grid-column:1/1!important}.container-grid .cg-col1{grid-row:1/1!important}.container-grid .cg-col2{grid-row:2/2!important}.container-grid-fluid{grid-template-columns:100%!important}}.alc{text-align:center}.section{position:relative}.section .section_wrapper{padding:var(--section_paddings)}.section_title{font-size:var(--section_title)}:root{--text-shadow-val:15px 12px 15px}.page_title{-webkit-animation:raimbow_shadow 30s ease infinite;animation:raimbow_shadow 30s ease infinite;color:var(--white);font-family:lazer84;font-size:var(--page_title);letter-spacing:15px;padding:150px 0;text-shadow:var(--text-shadow-val) #ff5757;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.dialog_mnone{margin:0}.dialog_mnone img{border-radius:25px}.dialog_mnone h2{color:var(--white)}@-webkit-keyframes raimbow_shadow{0%{text-shadow:var(--text-shadow-val) #ff5757}10%{text-shadow:var(--text-shadow-val) #ff914d}20%{text-shadow:var(--text-shadow-val) #ffde59}30%{text-shadow:var(--text-shadow-val) #c9e255}40%{text-shadow:var(--text-shadow-val) #7ed957}50%{text-shadow:var(--text-shadow-val) #5ce1e6}60%{text-shadow:var(--text-shadow-val) #38b6ff}70%{text-shadow:var(--text-shadow-val) #5271ff}80%{text-shadow:var(--text-shadow-val) #8c52ff}90%{text-shadow:var(--text-shadow-val) #ff66c4}to{text-shadow:var(--text-shadow-val) #ff5757}}@keyframes raimbow_shadow{0%{text-shadow:var(--text-shadow-val) #ff5757}10%{text-shadow:var(--text-shadow-val) #ff914d}20%{text-shadow:var(--text-shadow-val) #ffde59}30%{text-shadow:var(--text-shadow-val) #c9e255}40%{text-shadow:var(--text-shadow-val) #7ed957}50%{text-shadow:var(--text-shadow-val) #5ce1e6}60%{text-shadow:var(--text-shadow-val) #38b6ff}70%{text-shadow:var(--text-shadow-val) #5271ff}80%{text-shadow:var(--text-shadow-val) #8c52ff}90%{text-shadow:var(--text-shadow-val) #ff66c4}to{text-shadow:var(--text-shadow-val) #ff5757}}@-webkit-keyframes anim_drop_down{0%{transform:translateY(0) scale(2) translateX(4.5px)}50%{transform:translateY(-30px) scale(2) translateX(4.5px)}to{transform:translateY(0) scale(2) translateX(4.5px)}}@keyframes anim_drop_down{0%{transform:translateY(0) scale(2) translateX(4.5px)}50%{transform:translateY(-30px) scale(2) translateX(4.5px)}to{transform:translateY(0) scale(2) translateX(4.5px)}}