@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@800&family=Josefin+Sans:ital,wght@1,100&family=Nova+Round&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Dosis,sans-serif;font-size:.8em;margin:1rem auto;max-width:1200px}button{cursor:pointer}li{list-style-type:none}a{cursor:pointer;text-decoration:none}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}}.sidebar{background:#2a1d52;border-radius:25px;display:grid;font-family:Dosis,sans-serif;grid-template-areas:"1" "2" "3";grid-template-columns:1fr;grid-template-rows:250px 1fr 100px;height:100%;min-height:95vh;position:relative;width:264px}.sidebar .id{grid-area:1;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar .id .idContent{bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.sidebar .id .idContent img{border-radius:50%;box-shadow:0 0 0 4px #63a4e9,0 0 0 8px #d4edd2,0 0 0 12px #6c77f4;height:150px;width:150px}.sidebar .id .idContent h3{color:#36a2ea;font-size:1.3rem;letter-spacing:.2rem;margin-top:1.5rem;text-transform:uppercase}.navigation{grid-area:2;padding:2rem 1rem}.navigation ul{display:grid;height:100%}.navigation ul li{font-size:1.3rem;padding:1rem 0 1rem .4rem;position:relative}.navigation ul li:hover i{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.navigation ul li a{color:#36a2ea}.navigation ul li .navActive{color:#d4edd2}.navigation ul li i{font-size:.95rem;position:absolute;-webkit-transform:translateY(3px);transform:translateY(3px);transition:.2s ease}.navigation ul li span{margin-left:2.7rem}.socialNetwork{grid-area:3}.socialNetwork ul{display:flex;justify-content:space-between;padding:0 14px;width:264 px}.socialNetwork ul li{background-color:#36a2ea;border-radius:50%;color:#2a1d52;cursor:pointer;font-size:1.5rem;padding:.5rem .8rem;transition:.5s}.socialNetwork ul li a:visites{color:#2a1d52}.socialNetwork ul li:first-child{padding:.5rem .85rem}.socialNetwork ul li:nth-child(3){padding:.5rem .75rem}.socialNetwork ul li:hover{background:#d4edd2}.socialNetwork .signature{font-size:.7rem;letter-spacing:.1rem;margin-top:2rem;text-align:center}.socialNetwork .signature p{color:#36a2ea}.socialNetwork .signature p:hover{color:#d4edd2}@media screen and (max-width:850px){.sidebar{display:flex;margin-bottom:.2rem;min-height:50px;width:100%}.sidebar .id,.sidebar .socialNetwork{display:none}.sidebar .navigation{padding:.1rem 1rem;width:100%}.sidebar .navigation ul{display:flex;justify-content:space-between}.sidebar .navigation ul span{margin-left:1.5rem!important}}@media screen and (max-width:500px){.navigation ul{justify-content:space-around!important}.navigation ul li{padding:1rem 0!important}.navigation ul i{font-size:1.4rem!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.navigation ul span{display:none}}.contactContent{background:#63a4e9;border-radius:25px;display:grid;grid-template-areas:"1" "2" "3";grid-template-columns:1fr;grid-template-rows:20% 45% 35%;overflow:hidden;width:100%}.contactContent .header{background:#2a1d52;grid-area:1;height:340px;position:relative;width:100%}.contactContent .header:before{background:url(/static/media/map.3e5949c9b6f7cd03bd31.jpg) no-repeat top/cover;content:"";-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;position:absolute;width:100%}.contactContent .header:after{background:url(/static/media/shape.1d026b20b3a18a74a971.svg) no-repeat 50%/cover;content:"";height:100%;position:absolute;top:30px;width:100%}.contactContent .contactBox{background:#36a2ea;border-radius:25px;box-shadow:0 3px 10px #333;grid-area:2;margin:0 auto;min-height:200px;min-width:440px;padding:1rem 3rem;width:50%;z-index:2}.contactContent .contactBox h1{color:#6c77f4;margin-top:.3rem;position:relative;text-align:center}.contactContent .contactBox h1:after{background:#2a1d52;bottom:-25px;content:"";height:1px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%}.contactContent .contactBox ul{display:grid;height:72%;margin-top:3.5rem;width:inherit}.contactContent .contactBox ul li{position:relative}.contactContent .contactBox ul i{color:#6c77f4;font-size:1.4rem;position:absolute;-webkit-transform:translateY(2px);transform:translateY(2px)}.contactContent .contactBox ul span{background:transparent;border:none;font-size:1.4rem;outline:none;position:absolute;-webkit-transform:translateX(52px);transform:translateX(52px);transition:.2s ease;width:350px}.contactContent .contactBox ul .clickInput:hover{cursor:pointer;-webkit-transform:translateX(56px);transform:translateX(56px)}.contactContent .socialNetwork{align-items:center;display:flex;grid-area:3;justify-content:center}.contactContent .socialNetwork ul{display:flex;justify-content:space-around;text-align:center;width:100%}.contactContent .socialNetwork ul a{background:#36a2ea;border-radius:25px;box-shadow:0 1px 3px #333;display:inline-block;font-size:1.2rem;padding:.7rem 0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center;transform-origin:center;transition:.2s ease;transition:scale .1s;width:20%}.contactContent .socialNetwork ul a:hover{background:#d4edd2}.contactContent .socialNetwork ul a i{color:#2a1c55;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,#2a1d52 50%,transparent);border-radius:25px;min-height:95vh;min-height:500px;overflow:hidden;position:relative;width:100%}.home .homeContent:after{background:url(/static/media/photo_original.08c25865092f9e2a3a6e.jpg) no-repeat 50%/cover;content:"";-webkit-filter:brightness(30%);filter:brightness(30%);height:100%;position:absolute;width:inherit;z-index:-1}.home .homeContent .content{font-family:Dosis,sans-serif;left:13%;position:absolute;top:20%}.home .homeContent .content h1{color:#36a2ea;font-family:Nova Round,cursive;font-size:5rem;text-shadow:3px 6px 2px #333;text-transform:uppercase}.home .homeContent .content h2{color:#63a4e9;font-size:2.5rem;padding:1.5rem 0 7rem;text-shadow:1px 4px 1px #333}.home .homeContent .content .pdf a{background:#63a4e9;border-radius:25px;box-shadow:0 5px 1px #0f0f0f;font-size:1.5rem;padding:1rem 2rem;transition:.2s ease}.home .homeContent .content .pdf a:hover{background:#d4edd2}@media screen and (max-width:850px){.homeContent{margin:0!important}}@media screen and (max-width:580px){.homeContent:after{background:url(/static/media/photo_original.08c25865092f9e2a3a6e.jpg) no-repeat 60% 50%/cover!important}.homeContent h1{font-size:3rem!important}.homeContent h2{font-size:1.8rem!important}}.knowledges .knowledgesContent{display:grid;grid-template-areas:"L E E";grid-template-columns:38% 1fr 1fr;grid-template-rows:1fr;min-height:95vh;overflow:hidden;position:relative;width:100%}.knowledges .knowledgesContent .experience,.knowledges .knowledgesContent .languagesFrameworks{background:#6c77f4;border-radius:25px;padding:.8rem}.knowledges .knowledgesContent h3{color:#2a1d52;font-family:Nova Round,cursive;font-size:1.4rem;margin-bottom:1rem;text-transform:uppercase}.knowledges .knowledgesContent .languagesFrameworks{display:grid;grid-area:L;grid-template-areas:"L" "F" "S";grid-template-columns:1fr}.knowledges .knowledgesContent .languagesFrameworks .languagesDisplay{grid-area:L}.knowledges .knowledgesContent .languagesFrameworks .Competences{grid-area:F}.knowledges .knowledgesContent .languagesFrameworks .hobbies{grid-area:S}.knowledges .knowledgesContent .languagesFrameworks .hobbies ul{display:grid;height:80%}.knowledges .knowledgesContent .languagesFrameworks .hobbies ul li i{color:#36a2ea;position:absolute}.knowledges .knowledgesContent .languagesFrameworks .hobbies ul li span{position:absolute;-webkit-transform:translateX(2.2rem);transform:translateX(2.2rem)}.knowledges .knowledgesContent .languagesFrameworks H3{margin-bottom:.3rem}.knowledges .knowledgesContent .languagesFrameworks .years{color:#ddd;display:flex;font-size:.65rem;justify-content:space-between}.knowledges .knowledgesContent .languagesFrameworks .years span{width:36%}.knowledges .knowledgesContent .languagesFrameworks .years span:nth-child(2){text-align:center;width:26%}.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{background:hsla(0,1%,70%,.5);content:"";height:350px;position:absolute;-webkit-transform:translate(9px,19px);transform:translate(9px,19px);width:1px}.knowledges .knowledgesContent .languagesFrameworks .lauguagesList{padding-top:.5rem}.knowledges .knowledgesContent .languagesFrameworks .lauguagesList li{color:#2a1d52}.knowledges .knowledgesContent .languagesFrameworks .lauguagesList .progressBar{background:transparent;border-radius:50px;height:.4rem;margin-top:.2rem;position:relative}.knowledges .knowledgesContent .languagesFrameworks .lauguagesList .progressBar:after{-webkit-animation:line 2s ease-out forwards;animation:line 2s ease-out forwards;background:#63a4e9;border-radius:50px;content:"";height:.4rem;position:absolute;width:0}@-webkit-keyframes line{to{width:100%}}@keyframes line{to{width:100%}}.knowledges .knowledgesContent .experience{display:grid;grid-area:E;grid-template-areas:"1" "2" "3" "4" "5" "6" "7" "8";grid-template-columns:1fr;margin:0 0 0 .5rem}.knowledges .knowledgesContent .experience h3{grid-area:1}.knowledges .knowledgesContent .experience h4{color:#2a1c55;font-size:.9rem}.knowledges .knowledgesContent .experience h5{color:#63a4e9;padding:.2rem 0 .2rem 1rem}.knowledges .knowledgesContent .experience p{padding:0 1rem;text-align:justify}.knowledges .knowledgesContent .experience .exp-1{grid-area:2}.knowledges .knowledgesContent .experience .exp-2{grid-area:3}.knowledges .knowledgesContent .experience .exp-3{grid-area:4}.knowledges .knowledgesContent .experience .exp-4{grid-area:5}.knowledges .knowledgesContent .experience .exp-5{grid-area:6}.knowledges .knowledgesContent .experience .exp-6{grid-area:7}.knowledges .knowledgesContent .experience .exp-7{grid-area:8}@media screen and (max-width:950px){.knowledgesContent h3{font-size:1.2rem!important}.knowledgesContent .languagesList{padding-top:.2rem!important}.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}}.notFound{align-items:center;background:#63a4e9;border-radius:25px;display:flex;height:95vh;justify-content:center;max-width:1200px;text-align:center}.notFound h3{font-size:2rem;margin-bottom:10rem}.notFound a{background:#36a2ea;border-radius:25px;padding:1rem 2rem;transition:.2s}.notFound a:hover{background:#d4edd2}.portfolio .portfolioContent{display:grid;grid-template-areas:"1" "2";grid-template-columns:1fr;grid-template-rows:50px 1fr;min-height:95vh;width:100%}.portfolio .radioDisplay{background:#2a1d52;border-radius:25px;box-shadow:0 1px 3px #333;display:flex;grid-area:1;margin:0 auto;padding:1rem 2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.portfolio .radioDisplay li{align-items:center;color:#63a4e9;display:flex;flex:1 1;font-size:1.1rem;justify-content:center;padding:0 1rem;text-transform:uppercase;z-index:2}.portfolio .radioDisplay li input[type=radio]{position:relative;visibility:hidden}.portfolio .radioDisplay li input[type=radio]:before{border:2px solid #d4edd2;border-radius:50%}.portfolio .radioDisplay li input[type=radio]:after,.portfolio .radioDisplay li input[type=radio]:before{content:"";cursor:pointer;height:.9rem;left:-12px;position:absolute;top:-4px;transition:.3s;visibility:visible;width:.9rem}.portfolio .radioDisplay li input[type=radio]:after{background:#d4edd2;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}.portfolio .radioDisplay li input:checked:after{left:-6px;top:2px;-webkit-transform:scale(1.17) translate(-25%,-25%);transform:scale(1.17) translate(-25%,-25%)}.portfolio .radioDisplay li input:checked+label{color:#d4edd2}.portfolio .radioDisplay li label{cursor:pointer}.portfolio .projects{display:flex;flex-wrap:wrap;grid-area:2;justify-content:space-around}.portfolio .projects .project{background:#6c77f4;border-radius:25px;box-shadow:0 1px 3px #333;display:grid;grid-template-areas:"1" "2" "3" "4";grid-template-rows:20% 50% 15% 15%;margin:.5rem 0 0;max-height:50%;padding:.3rem;text-align:center;width:32%}.portfolio .projects .icons{align-items:center;display:flex;grid-area:3;justify-content:center}.portfolio .projects .icons i{color:#36a2ea;font-size:1.4rem;padding:0 .35rem;text-shadow:0 0 1px #2a1d52}.portfolio .projects h3{align-items:center;display:flex;font-size:1.2rem;grid-area:1;justify-content:center}.portfolio .projects img{border-radius:4px;box-shadow:0 2px 6px #333;grid-area:2;margin:7px auto;max-height:105px;object-fit:cover;width:100%}.portfolio .projects .infos,.portfolio .projects img{align-items:center;cursor:pointer;display:flex;justify-content:center}.portfolio .projects .infos{color:#d4edd2;font-size:1.5rem;grid-area:4;transition:.2s}.portfolio .projects .infos:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio .projects .showInfos{-webkit-animation:popup .3s ease forwards;animation:popup .3s ease forwards;background:rgba(0,0,0,.507);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform-origin:center;transform-origin:center}.portfolio .projects .showInfos .infosContent{-webkit-animation:popup .6s ease forwards;animation:popup .6s ease forwards;background:#2a1d52;border-radius:25px;box-shadow:0 10px 10px #333;color:#36a2ea;margin:0 auto;padding:2rem;position:relative;top:25%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;width:600px}@-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{margin-bottom:1rem;text-align:left}.portfolio .projects .showInfos .button{background:#36a2ea;border-radius:25px;color:#2a1d52;cursor:pointer;padding:1rem;transition:.2s}.portfolio .projects .showInfos .button:hover{background:#d4edd2}.portfolio .projects .showInfos .text{padding-bottom:1rem;text-align:justify}.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}}
/*# sourceMappingURL=main.5fef6b5c.css.map*/