@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@800&family=Josefin+Sans:wght@100&family=Nova+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiko&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{margin:1rem auto;max-width:1200px;font-family:"Amiko",sans-serif;color:#333}button{cursor:pointer}li{list-style-type:none}a{text-decoration:none;cursor:pointer}a,a:visited{color:#333}.contact,.home,.knowledges,.portfolio{display:flex}@media screen and (max-width:850px){.contact,.home,.knowledges,.portfolio{display:block!important}}.contactContent,.homeContent,.knowledgesContent,.portfolioContent{margin-left:.4rem}@media screen and (max-width:850px){.contactContent,.homeContent,.knowledgesContent,.portfolioContent{margin-left:0!important}}.contactContent{background:#5ba4d5;border-radius:25px;box-shadow:inset 0 1px 3px #333;width:100%;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:20% 45% 35%;grid-template-areas:"1" "2" "3"}.contactContent .header{grid-area:1;width:100%;position:relative;background:#22577a;height:340px}.contactContent .header:before{content:"";width:100%;height:100%;position:absolute;background:url(/static/media/map.3e5949c9.jpg) no-repeat top/cover;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.contactContent .header:after{content:"";width:100%;height:100%;position:absolute;top:30px;background:url(/static/media/shape.127837c3.svg) no-repeat 50%/cover}.contactContent .contactBox{grid-area:2;background:#67b4d5;margin:0 auto;padding:1rem 3rem;z-index:2;border-radius:25px;box-shadow:inset 0 1px 3px #333;width:50%;min-width:440px;min-height:200px}.contactContent .contactBox h1{text-align:center;margin-top:.3rem;position:relative;color:#388da5}.contactContent .contactBox h1:after{content:"";height:1px;width:50%;background:#22577a;position:absolute;bottom:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.contactContent .contactBox ul{height:72%;width:inherit;display:grid;margin-top:3.5rem}.contactContent .contactBox ul li{position:relative}.contactContent .contactBox ul i{font-size:1.4rem;position:absolute;-webkit-transform:translateY(2px);transform:translateY(2px);color:#388da5}.contactContent .contactBox ul span{font-size:1.4rem;position:absolute;-webkit-transform:translateX(52px);transform:translateX(52px);background:transparent;border:none;outline:none;width:350px;transition:.2s ease}.contactContent .contactBox ul .clickInput:hover{-webkit-transform:translateX(56px);transform:translateX(56px);cursor:pointer}.contactContent .socialNetwork{grid-area:3;display:flex;justify-content:center;align-items:center}.contactContent .socialNetwork ul{display:flex;text-align:center;width:100%;justify-content:space-around}.contactContent .socialNetwork ul a{width:20%;font-size:1.2rem;background:#67b4d5;border-radius:25px;display:inline-block;padding:.7rem 0;box-shadow:inset 0 1px 3px #333;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center;transform-origin:center;transition:.2s ease;transition:scale .1s}.contactContent .socialNetwork ul a:hover{background:#3e81b1}.contactContent .socialNetwork ul a i{color:#388da5;margin-top:.3rem}@-webkit-keyframes pop{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes pop{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.contactContent .socialNetwork ul a:first-child{-webkit-animation:pop 1s forwards;animation:pop 1s forwards;-webkit-animation-delay:.4s;animation-delay:.4s}.contactContent .socialNetwork ul a:nth-child(2){-webkit-animation:pop 1s forwards;animation:pop 1s forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.contactContent .socialNetwork ul a:nth-child(3){-webkit-animation:pop 1s forwards;animation:pop 1s forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.contactContent .socialNetwork ul a:nth-child(4){-webkit-animation:pop 1s forwards;animation:pop 1s forwards;-webkit-animation-delay:1.6s;animation-delay:1.6s}@media screen and (max-width:500px){.contactContent .contactBox{min-width:100%!important}.contactContent span{font-size:.9rem!important}.contactContent h4{font-size:.9rem}}.home .homeContent{background:linear-gradient(115deg,#22577a 50%,transparent);min-height:95vh;width:100%;min-height:500px;border-radius:25px;position:relative;overflow:hidden}.home .homeContent:after{content:"";position:absolute;height:100%;width:inherit;background:url(/static/media/dev.e9b4c55a.jpg) no-repeat 50%/cover;z-index:-1;-webkit-filter:brightness(30%);filter:brightness(30%)}.home .homeContent .content{position:absolute;top:20%;left:13%;font-family:"Amiko",sans-serif}.home .homeContent .content h1{font-size:5rem;font-family:"Josefin Sans",serif;color:#67b4d5;text-transform:uppercase;text-shadow:3px 6px 2px #333}.home .homeContent .content h2{font-size:2rem;padding:1.5rem 0 7rem;color:#5ba4d5;text-shadow:1px 4px 1px #333}.home .homeContent .content .pdf a{font-size:1.5rem;background:#3e81b1;padding:1rem 2rem;font-weight:700;border-radius:25px;box-shadow:inset 0 0 10px 3px #0f0f0f;transition:.2s ease}.home .homeContent .content .pdf a:hover{background:#5ba4d5}@media screen and (max-width:850px){.homeContent{margin:0!important}}@media screen and (max-width:580px){.homeContent:after{background:url(/static/media/dev.e9b4c55a.jpg) no-repeat 60% 50%/cover!important}.homeContent h1{font-size:3rem!important}.homeContent h2{font-size:1.8rem!important}}.knowledges .knowledgesContent{min-height:95vh;width:100%;position:relative;overflow:hidden;display:grid;grid-template-columns:38% 1fr 1fr;grid-template-rows:70% 30%;grid-template-areas:"L E E" "O O H"}.knowledges .knowledgesContent .experience,.knowledges .knowledgesContent .hobbies,.knowledges .knowledgesContent .languagesFrameworks,.knowledges .knowledgesContent .otherSkills{box-shadow:inset 0 1px 3px #333;background:#388da5;border-radius:25px;padding:.8rem}.knowledges .knowledgesContent h3{font-size:1.4rem;margin-bottom:1rem;font-family:"Dosis",sans-serif;color:#67b4d5;text-transform:uppercase}.knowledges .knowledgesContent .languagesFrameworks{grid-area:L;margin-bottom:.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"L" "F"}.knowledges .knowledgesContent .languagesFrameworks .languageDisplay{grid-area:L}.knowledges .knowledgesContent .languagesFrameworks .frameworkDisplay{grid-area:F}.knowledges .knowledgesContent .languagesFrameworks h3{margin-bottom:.3rem}.knowledges .knowledgesContent .languagesFrameworks .years{font-size:.65rem;display:flex;justify-content:space-between;color:#ddd}.knowledges .knowledgesContent .languagesFrameworks .years span{width:36%}.knowledges .knowledgesContent .languagesFrameworks .years span:nth-child(2){text-align:center;width:20%}.knowledges .knowledgesContent .languagesFrameworks .years span:nth-child(3){text-align:right;width:44%}.knowledges .knowledgesContent .languagesFrameworks .years span:nth-child(2):before,.knowledges .knowledgesContent .languagesFrameworks .years span:nth-child(3):before{content:"";background:rgba(180,179,179,.507);position:absolute;height:146px;width:1px;-webkit-transform:translate(9px,19px);transform:translate(9px,19px)}.knowledges .knowledgesContent .languagesFrameworks .languagesList{padding-top:.5rem}.knowledges .knowledgesContent .languagesFrameworks .languagesList li{color:#333}.knowledges .knowledgesContent .languagesFrameworks .languagesList .progressBar{height:.4rem;background:transparent;border-radius:50px;margin-top:.2rem;position:relative}.knowledges .knowledgesContent .languagesFrameworks .languagesList .progressBar:after{content:"";position:absolute;background:#5ba4d5;border-radius:50px;height:.4rem;width:0;-webkit-animation:line 2s ease-out forwards;animation:line 2s ease-out forwards}@-webkit-keyframes line{to{width:100%}}@keyframes line{to{width:100%}}.knowledges .knowledgesContent .experience{grid-area:E;margin:0 0 .5rem .5rem;display:grid;grid-template-columns:1fr;grid-template-rows:10% 1fr 1fr;grid-template-areas:"1" "2" "3"}.knowledges .knowledgesContent .experience h3{grid-area:1}.knowledges .knowledgesContent .experience h4{font-size:1.1rem;color:#67b4d5}.knowledges .knowledgesContent .experience h5{color:#22577a;padding:.5rem 0 .5rem 1rem}.knowledges .knowledgesContent .experience p{text-align:justify;padding:0 1rem}.knowledges .knowledgesContent .experience .exp-1{grid-area:2}.knowledges .knowledgesContent .experience .exp-2{grid-area:3}.knowledges .knowledgesContent .otherSkills{grid-area:O;margin-right:.5rem}.knowledges .knowledgesContent .otherSkills .list{display:flex;width:80%;height:100%;margin:0 auto;justify-content:space-between}.knowledges .knowledgesContent .otherSkills .list ul{height:80%;display:grid}.knowledges .knowledgesContent .otherSkills .list ul i{color:#67b4d5}.knowledges .knowledgesContent .hobbies{grid-area:H;padding-left:1.5rem}.knowledges .knowledgesContent .hobbies ul{height:80%;display:grid}.knowledges .knowledgesContent .hobbies ul li i{position:absolute;color:#67b4d5}.knowledges .knowledgesContent .hobbies ul li span{position:absolute;-webkit-transform:translateX(2.2rem);transform:translateX(2.2rem)}@media screen and (max-width:950px){.knowledgesContent h3{font-size:1.2rem!important}.knowledgesContent .languagesList{padding-top:.2rem!important}.knowledgesContent .hobbies,.knowledgesContent .otherSkills,.knowledgesContent p{font-size:.8rem}}@media screen and (max-width:850px){.knowledgesContent h4{font-size:.9rem!important}.knowledgesContent h5{font-size:.6rem!important;padding:.2rem 1rem!important}}@media screen and (max-width:500px){.knowledgesContent{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr 180px 180px!important}.knowledgesContent .languages{grid-area:1!important}.knowledgesContent .experience{grid-area:2!important;margin-left:0!important}.knowledgesContent .otherSkills{grid-area:3!important;margin-right:0!important}.knowledgesContent .hobbies{grid-area:4!important;margin-top:.5rem!important}}.portfolio .portfolioContent{width:100%;display:grid;min-height:95vh;grid-template-columns:1fr;grid-template-rows:50px 1fr;grid-template-areas:"1" "2"}.portfolio .radioDisplay{grid-area:1;border-radius:25px;display:flex;width:100%;padding:1rem 2rem;margin:0 auto;background:#22577a;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-shadow:inset 0 1px 3px #333}.portfolio .radioDisplay li{color:#5ba4d5;font-size:1.1rem;text-transform:uppercase;padding:0 1rem;flex:1 1;z-index:2;display:flex;justify-content:center;align-items:center}.portfolio .radioDisplay li input[type=radio]{visibility:hidden;position:relative}.portfolio .radioDisplay li input[type=radio]:before{content:"";visibility:visible;position:absolute;box-shadow:inset 0 1px 3px #333;top:-4px;left:-12px;height:.9rem;width:.9rem;border-radius:50%;border:2px solid #3e81b1;cursor:pointer;transition:.3s}.portfolio .radioDisplay li input[type=radio]:after{box-shadow:inset 0 1px 3px #333;content:"";visibility:visible;position:absolute;top:-4px;left:-12px;height:.9rem;width:.9rem;border-radius:50%;cursor:pointer;transition:.3s;background:#3e81b1;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}.portfolio .radioDisplay li input:checked:after{-webkit-transform:scale(1.17) translate(-25%,-25%);transform:scale(1.17) translate(-25%,-25%);top:2px;left:-6px}.portfolio .radioDisplay li input:checked+label{color:#3e81b1}.portfolio .radioDisplay li label{cursor:pointer}.portfolio .projects{grid-area:2;display:flex;flex-wrap:wrap;justify-content:space-around}.portfolio .projects .project{background:#388da5;border-radius:25px;margin:.5rem 0 0;text-align:center;width:32%;max-height:50%;padding:.3rem;box-shadow:inset 0 1px 3px #333;display:grid;grid-template-rows:15% 15% 55% 15%;grid-template-areas:"1" "2" "3" "4"}.portfolio .projects .icons{grid-area:1;display:flex;justify-content:center;align-items:center}.portfolio .projects .icons i{font-size:1.4rem;padding:0 .35rem;color:#67b4d5;text-shadow:0 0 1px #22577a}.portfolio .projects h3{cursor:pointer;grid-area:2;font-family:"Dosis",sans-serif;font-size:1.65rem;display:flex;justify-content:center;align-items:center;justify-content:left}.portfolio .projects img{grid-area:3;object-fit:cover;margin:0 auto;width:100%;height:55%;box-shadow:0 2px 6px #333;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.portfolio .projects img:hover{-webkit-transform:scale(1.9);transform:scale(1.9)}.portfolio .projects .infos{grid-area:4;color:#67b4d5;cursor:pointer;font-size:1.5rem;display:flex;justify-content:center;align-items:center;transition:.2s}.portfolio .projects .infos:hover{-webkit-transform:scale(2.1);transform:scale(2.1)}.portfolio .projects .showInfos{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.507);-webkit-animation:popup .3s ease forwards;animation:popup .3s ease forwards;-webkit-transform-origin:center;transform-origin:center}.portfolio .projects .showInfos .infosContent{position:relative;top:25%;width:600px;margin:0 auto;color:#67b4d5;background:#22577a;border-radius:25px;padding:2rem;box-shadow:inset 0 1px 3px #333;-webkit-animation:popup .6s ease forwards;animation:popup .6s ease forwards;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes popup{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup{to{-webkit-transform:scale(1);transform:scale(1)}}.portfolio .projects .showInfos .head{display:flex;justify-content:space-around;margin:1rem 0}.portfolio .projects .showInfos h2{text-align:left;margin-bottom:1rem}.portfolio .projects .showInfos .button{cursor:pointer;color:#333;font-weight:700;background:#3e81b1;border-radius:25px;box-shadow:inset 0 1px 3px #333;padding:1rem;transition:.2s}.portfolio .projects .showInfos .button:hover{background:#67b4d5}.portfolio .projects .showInfos .text{text-align:justify;padding-bottom:1rem}.portfolio .projects .showInfos .return{margin:1rem auto;width:200px}@media (max-width:650px) and (min-width:521px){.portfolioContent .project{width:49%!important}.portfolioContent .project i{font-size:1rem}.portfolioContent .infosContent{width:100%!important}}@media (max-width:520px){.radioDisplay{display:none!important}.portfolioContent{grid-template-rows:1fr!important}.portfolioContent .project{grid-template-rows:30px 40px 80px 40px!important;width:98%!important}.portfolioContent .project img{height:100%!important}}.notFound{display:flex;justify-content:center;align-items:center;height:95vh;max-width:1200px;background:#5ba4d5;border-radius:25px;text-align:center}.notFound h3{margin-bottom:3rem;font-size:2rem}.notFound a{padding:1rem 2rem;border-radius:25px;background:#67b4d5;transition:.2s}.notFound a:hover{background:#3e81b1}.sidebar{background:#22577a;font-family:"Amiko",sans-serif;height:100%;min-height:95vh;box-shadow:inset 0 1px 3px #333;min-width:264px;border-radius:25px;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:250px 1fr 108px;grid-template-areas:"1" "2" "3"}.sidebar .id{grid-area:1;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.sidebar .id .idContent{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.sidebar .id .idContent img{height:170px;width:140px;border-radius:10%;box-shadow:0 0 0 4px #5ba4d5,0 0 0 8px #3e81b1,0 0 0 12px #388da5}.sidebar .id .idContent h3{font-size:1.3rem;text-transform:uppercase;letter-spacing:.2rem;margin-top:1.5rem;color:#67b4d5}.sidebar .navigation{grid-area:2;padding:2rem 1rem}.sidebar .navigation ul{height:100%;display:grid}.sidebar .navigation ul li{padding:1rem 0 1rem .4rem;font-weight:700;font-size:1.3rem;position:relative}.sidebar .navigation ul li:hover i{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.sidebar .navigation ul li a{color:#3e81b1}.sidebar .navigation ul li .navActive{color:#67b4d5}.sidebar .navigation ul li i{position:absolute;font-size:.95rem;-webkit-transform:translateY(3px);transform:translateY(3px);transition:.2s ease}.sidebar .navigation ul li span{margin-left:2.7rem}.sidebar .socialNetwork{grid-area:3}.sidebar .socialNetwork ul{display:flex;width:264px;padding:0 14px;justify-content:space-between}.sidebar .socialNetwork ul li{font-size:1.5rem;background:#3e81b1;box-shadow:inset 0 1px 3px #333;color:#22577a;border-radius:50%;padding:.5rem .8rem;transition:.3s;cursor:pointer}.sidebar .socialNetwork ul li a:visited{color:#22577a}.sidebar .socialNetwork ul li:first-child{padding:.5rem .85rem}.sidebar .socialNetwork ul li:nth-child(4){padding:.5rem .75rem}.sidebar .socialNetwork ul li:hover{background:#67b4d5}.sidebar .socialNetwork .signature{margin-top:2rem;text-align:center;letter-spacing:.1rem;font-size:.7rem}.sidebar .socialNetwork .signature a,.sidebar .socialNetwork .signature a:visited{color:#67b4d5}.sidebar .socialNetwork .signature a:hover,.sidebar .socialNetwork .signature a:visited:hover{color:#67b4d5}.signatureName{color:#67b4d5}@media screen and (max-width:850px){.sidebar{display:flex;min-height:50px;margin-bottom:.2rem}.sidebar .id,.sidebar .socialNetwork{display:none}.sidebar .navigation{width:100%;padding:.1rem 1rem}.sidebar .navigation ul{display:flex;justify-content:space-between}.sidebar .navigation ul span{margin-left:1.5rem!important}}@media screen and (max-width:580px){.sidebar ul{justify-content:space-around!important}.sidebar ul li{padding:1rem 0!important}.sidebar ul i{font-size:1.4rem!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.sidebar ul span{display:none}}
/*# sourceMappingURL=main.17ee1496.chunk.css.map */