body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0}.main{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:93vh;width:100vw;background:#833ab4;background:linear-gradient(270deg,#fcb045,#fd1d1d,#833ab4)}.container .main .main_text{color:#fff;font-size:4em;box-sizing:border-box;text-align:center}.container .main .presentation{position:absolute;bottom:20px;opacity:.5;border-radius:10px;width:80%;height:50%;background:#200122;background:linear-gradient(270deg,#6f0000,#200122)}.container .main .divider{text-align:center;color:#fff;font-size:18px}.container .main .lang_list span{color:#fff;font-size:25px;margin:5px}.container .logo{text-align:center;position:absolute;margin-top:40px;margin-left:45%}.container .logo .image{background:#fff;border-radius:50%;width:200px;height:200px;-webkit-animation:turn 5s linear infinite;animation:turn 5s linear infinite}.container .main .lang_list{color:#fff;font-size:18px;box-sizing:border-box;text-align:center}@-webkit-keyframes turn{0%{-webkit-transform:rotate3d(0,-1,0,0deg);transform:rotate3d(0,-1,0,0deg)}50%{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(0,-1,0,1turn);transform:rotate3d(0,-1,0,1turn)}}@keyframes turn{0%{-webkit-transform:rotate3d(0,-1,0,0deg);transform:rotate3d(0,-1,0,0deg)}50%{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(0,-1,0,1turn);transform:rotate3d(0,-1,0,1turn)}}.container .presentation .social_medias{position:absolute;bottom:0;left:25%}.container .presentation .social_medias img{width:80px;height:80px;border-radius:100%;margin-left:5em}@media screen AND (max-width:800px) AND (min-width:310px){.container,body{width:100%;height:100vh;position:absolute}.container .logo{text-align:center;position:absolute;margin-top:50px;margin-left:180px}.container .logo .image{background:#fff;border-radius:50%;width:100px;height:100px;-webkit-animation:turn 5s linear infinite;animation:turn 5s linear infinite}.container .main .presentation{bottom:20%;opacity:.8;border-radius:10px;width:80%;height:40%;background:#200122;background:linear-gradient(270deg,#6f0000,#200122)}.container .main .presentation .main_text{color:#fff;font-size:25px;box-sizing:border-box;text-align:center;opacity:1}.container .main .divider{text-align:center;color:#fff;font-size:12px;margin-left:8px;margin-bottom:-10px}.container .presentation .social_medias{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;position:absolute;bottom:-90px;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;text-align:center}.container .presentation .social_medias a{margin-left:-80px;padding-left:10px}.container .presentation .social_medias a img{width:80px;height:80px;box-sizing:border-box}}.app_bar{background:#833ab4;background:linear-gradient(270deg,#fcb045,#fd1d1d,#833ab4)}.main_path{-webkit-flex:1 1;flex:1 1;font-size:22px}.b_button,.main_path{text-decoration:none;color:#fff;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.b_button{-webkit-flex:1 -1;flex:1 -1;margin-left:27px;font-size:17px}.b_button:after{content:"  /";font-size:20;font-weight:700;margin-left:5px}.nav_group{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-grow:12px;flex-grow:12px}.MuiDrawer-root .MuiList-root .MuiButtonBase-root a{text-decoration:none}@media (max-width:1260px){.nav_group{display:none!important}}.appBarDialog{background:#833ab4;background:linear-gradient(270deg,#fcb045,#fd1d1d,#833ab4)}.projectContainer{overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:14px}@media screen AND (max-width:480px){.projectContainer{overflow:hidden;display:grid;grid-template-columns:1fr;grid-column-gap:14px}}@media screen AND (max-width:950px) AND (min-width:481px){.projectContainer{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:14px}}@media screen AND (max-width:1000px) AND (min-width:980px){.projectContainer{overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:14px}}.app_root{color:#000;background:#fff;background:linear-gradient(270deg,#fff,#fff,#fff)}.MuiTabs-flexContainer{color:#000!important}.MuiTabs-scroller .MuiTabs-flexContainer{margin-top:120;text-align:center}.MuiTabs-scroller .MuiTabs-flexContainer button .MuiTab-wrapper{font-size:12px;font-weight:500;line-height:1;text-align:center}.progressBar .MuiLinearProgress-root{height:20px;margin-right:-1em}.progressBar .MuiLinearProgress-root:after{content:attr(aria-valuenow)"%";font-size:17px;position:absolute;top:0;right:0}.skill_container{margin-top:20px;overflow-x:hidden}.skill_container .rapid_description{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px;margin-left:5%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.skill_container .rapid_description img{height:130px;width:130px;-webkit-transform:translateX(94px);transform:translateX(94px);background-color:inherit}.skill_container .rapid_description .hex1 h2{-webkit-flex:1 1;flex:1 1;-webkit-transform:rotate3d(1,1,1,90deg);transform:rotate3d(1,1,1,90deg);text-align:center;font-size:16px;color:#fff}.skill_container .rapid_description h3{color:#e52d27;font-size:1.5em;text-align:center;opacity:.7}.skill_container .rapid_description p{text-align:justify;padding:8px;font-size:18px}.skill_container .rapid_description .hex2 h2,.skill_container .rapid_description .hex h2{-webkit-transform:rotate3d(1,1,1,90deg);transform:rotate3d(1,1,1,90deg);text-align:center;font-size:16px;-webkit-flex:1 1;flex:1 1;color:#fff}.skill_container .rapid_description .hex1{position:absolute;top:68px;-webkit-transform:rotate(63deg);transform:rotate(63deg);-webkit-animation:hex1 5s linear infinite;animation:hex1 5s linear infinite}.progressBar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:#8a2387;background:linear-gradient(270deg,#f27121,#e94057,#8a2387)}.progressBar .front-end .title{color:#fff;display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;font-size:30px}.progressBar .action{display:grid;grid-template-columns:1fr 1fr;width:90%;min-width:30%;margin-left:2em}.progressBar .action .action-item{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row}.progressBar .action .action-item p{margin:-2px 54px 3px 63px;color:#fff;font-size:18px;z-index:2}.divide{width:100vw;height:1em;background:#200122;background:linear-gradient(270deg,#6f0000,#200122);position:relative;background-attachment:fixed;-webkit-animation:divider 2s linear infinite;animation:divider 2s linear infinite}@-webkit-keyframes divider{0%{-webkit-filter:drop-shadow(16px 16px 20px red) invert(50%);filter:drop-shadow(16px 16px 20px red) invert(50%)}25%{-webkit-filter:drop-shadow(16px 16px 20px #00f) invert(75%);filter:drop-shadow(16px 16px 20px blue) invert(75%)}50%{-webkit-filter:drop-shadow(16px 16px 20px green) invert(45%);filter:drop-shadow(16px 16px 20px green) invert(45%)}to{-webkit-filter:drop-shadow(16px 16px 20px pink) invert(75%);filter:drop-shadow(16px 16px 20px pink) invert(75%)}}@keyframes divider{0%{-webkit-filter:drop-shadow(16px 16px 20px red) invert(50%);filter:drop-shadow(16px 16px 20px red) invert(50%)}25%{-webkit-filter:drop-shadow(16px 16px 20px #00f) invert(75%);filter:drop-shadow(16px 16px 20px blue) invert(75%)}50%{-webkit-filter:drop-shadow(16px 16px 20px green) invert(45%);filter:drop-shadow(16px 16px 20px green) invert(45%)}to{-webkit-filter:drop-shadow(16px 16px 20px pink) invert(75%);filter:drop-shadow(16px 16px 20px pink) invert(75%)}}@media (max-width:898px){.skill_container{margin-top:20px;overflow-x:hidden;width:100vw}.skill_container .rapid_description{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-left:2%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.progressBar .action{display:grid;grid-template-columns:1fr;width:90%;min-width:30%;margin-left:8px;margin-right:8px}.progressBar .action .action-item{-webkit-flex:1 1;flex:1 1;flex-direction:column}.progressBar,.progressBar .action .action-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column}.progressBar{flex-direction:column;width:100vw;position:relative;right:0;left:0;background:#8a2387;background:linear-gradient(270deg,#f27121,#e94057,#8a2387)}.skill_container .rapid_description .hexagone{display:none}}.contact-container{margin:0;padding:0;width:100vw;height:93vh;color:#fff;background:#833ab4;background:linear-gradient(270deg,#fcb045,#fd1d1d,#833ab4)}.contact-container .social-form{display:grid;display:-ms-grid;grid-column-gap:10px;grid-template-columns:1fr 3fr 1fr}.contact-container .social-form .contact-form h1{text-align:center}.contact-container .social-form .MuiInputLabel-formControl{color:#fff}.contact-container .social-form .social-network{margin-top:50px}@media screen AND (max-width:800px) AND (min-width:310px){.contact-container{width:100vw;overflow-x:hidden;background:#833ab4;background:linear-gradient(270deg,#fcb045,#fd1d1d,#833ab4)}.contact-container .social-form .contact-form h1{text-align:center;font-size:30px}.contact-container .social-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-justify-content:space-between;justify-content:space-between}.contact-container .social-form .contact-social .social_medias a img{width:75px;height:75px;border-radius:50%;margin-top:1em}.contact-container .social-form .contact-social .social_medias{text-align:center}}@media screen AND (max-width:1000px) AND (min-width:800px){.contact-container{overflow-x:hidden;text-align:center;margin-top:0;margin-left:80px;margin-right:0;width:100vw;background:#833ab4;background:linear-gradient(270deg,#fcb045,#fd1d1d,#833ab4)}.contact-container .social-form .contact-form h1{text-align:center;font-size:30px}.contact-container .social-form{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:14px}.contact-container .social-form .social-network{grid-row-start:3}.contact-container .social-form .contact-social{grid-row-start:2}}.contact-container .social-form .contact-social .social_medias img{width:100px;height:100px;border-radius:50%;margin-left:3em;margin-top:2em}.about-container{overflow-x:hidden;background:#fff}.about-container .presentation{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100vw;height:50vh;line-height:.3;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow-x:hidden}.about-container .presentation .about-flash{position:absolute;width:50%;height:50%;opacity:0;margin-right:25px;background:#fff;-webkit-animation:flash 25s linear 1;animation:flash 25s linear 1;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes flash{to{left:78%;z-index:1;opacity:1}0%{left:10%;z-index:-1;opacity:1}}@keyframes flash{to{left:78%;z-index:1;opacity:1}0%{left:10%;z-index:-1;opacity:1}}.about-container .presentation a{list-style:none;text-decoration:none}.about-container .presentation span{color:#f71e24;z-index:5}.about-container .presentation p{color:#00f}.about-container .presentation .about-button{color:#f71e24}.about-container .presentation .MuiButton-label{width:100%;border:2px solid #00008b;margin:0;padding:18px}.about-container .about-description{margin:1%}.about-container .about-description p{font-size:1.5em}.about-container .about-work h3{text-align:center;font-size:1.5rem;color:#fff;letter-spacing:2.5px;opacity:.8}.about-container .about-work{width:100%;display:-webkit-flex;display:flex}.about-container .about-work .work-image{margin-left:12px;width:100%}.about-container .about-work .work-video video{width:100%;border:none}.about-container .about-work .work-image img{width:100%;height:300px;margin-top:12px}.about-container .about-work .work-description .work{background:#fff;display:grid;grid-template-rows:1fr 1fr}.about-container .footer{margin:4em 15px}.about-container .footer h2{color:green;opacity:.8;text-align:center}.about-container .question h3{color:red;opacity:.8}.about-container .question p{font-size:18px;line-height:1.5;text-align:justify}@media (min-width:701px) AND (max-width:1000px){.about-container{position:absolute;overflow-x:hidden;background:#fff;width:100vw}.about-container .presentation .about-flash{position:absolute;width:100%;height:inherit;z-index:10;opacity:0;margin-right:0;margin-left:0;background:#fff;-webkit-animation:flash 25s linear 1;animation:flash 25s linear 1;-webkit-animation-delay:0s;animation-delay:0s}}@media (max-width:700px){.about-container{position:absolute;overflow-x:hidden;background:#fff;width:100vw}.about-container .presentation .about-flash{position:absolute;width:100%;height:inherit;z-index:10;opacity:0;top:0;margin-right:25px;background:#fff;-webkit-animation:flash 25s linear 1;animation:flash 25s linear 1;-webkit-animation-delay:0s;animation-delay:0s}.about-container .about-description{margin:2%}.about-container .about-description p{font-size:1.2em;text-align:justify;margin:5px}.about-container .about-work h3{text-align:center;font-size:auto;color:#fff;letter-spacing:1.5px;opacity:.8}.about-container .presentation h1{z-index:5;font-size:15px}.about-container .presentation p{color:#00f}.about-container .presentation span{color:#f71e24;z-index:5}.about-container .about-work{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.about-container .about-work .work-description{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;grid-template-rows:1fr 1fr;margin:.5rem}}
/*# sourceMappingURL=main.e0ce31c6.chunk.css.map */