@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&family=Nova+Round&family=Ubuntu+Mono:ital@1&display=swap";.showInfos{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.507);animation:popup .3s ease forwards;transform-origin:center;z-index:10}.showInfos .infosContent{position:relative;top:25%;width:600px;max-width:100vw;margin:0 auto;color:#ddd;background:rgba(38,70,83,.87);border-radius:10px;padding:2rem;box-shadow:0 10px 10px #333;animation:popup .6s ease forwards;transform:scale(0);transform-origin:center}@keyframes popup{to{transform:scale(1)}}.showInfos .head{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.showInfos .head h2{text-align:left;word-wrap:break-word;max-width:70%}.showInfos .button{cursor:pointer;color:#264653;background:rgb(216,144,85);border-radius:10px;padding:.5rem;transition:.2s}.showInfos .button:hover{background:#e9c46a}.showInfos .close:hover{background:orangered}.showInfos .tags{font-style:italic;font-weight:700;color:#e9c46a}.showInfos .text{text-align:justify;padding-top:1rem;padding-bottom:1rem;margin-bottom:1rem}.project{background:rgb(62,106,128);border-radius:10px;margin:.5rem 0 0;text-align:center;width:32%;height:.6fr;padding:.3rem;box-shadow:0 1px 3px #333;display:grid;grid-template-rows:15% 15% 45% 25%;grid-template-areas:"1" "2" "3" "4";animation:popup .6s ease forwards;transform:scale(0);transform-origin:center}@media screen and (min-height: 760px){.project{height:1fr}}.project-title{color:#ddd}.project .header{grid-area:1;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 1260px){.project .header .icons{display:none}}.project .header .icons i{font-size:1.8rem;padding:0 .5rem;color:#f4a261;text-shadow:0 0px 1px #264653}.project .header .tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media screen and (max-width: 1450px){.project .header .tags{justify-content:flex-end}}.project .header .tags .tag{margin:.25rem;padding:.15rem .25rem;background-color:#f4a261;color:#264653;border-radius:10rem;cursor:pointer}.project .header .tags .tag--selected{background-color:#e9c46a}.project h3{grid-area:2;font-family:Josefin Sans,sans-serif;font-size:1.65rem}@media screen and (max-width: 1450px){.project h3{font-size:1.1rem;font-weight:700}}.project h3{display:flex;justify-content:center;align-items:center;justify-content:left}.project img{grid-area:3;object-fit:cover;object-position:top;margin:0 auto;width:100%;height:100%;max-height:20rem;box-shadow:0 2px 6px #333;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.infos{grid-area:4;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;color:#f4a261}.infos-link{cursor:pointer;transition:.2s;font-size:1.5rem;min-width:5rem}.infos-link .fa{margin-left:1rem}.infos-link:hover{transform:scale(1.1);color:#e9c46a}.infos .button{cursor:pointer;color:#264653;background:rgb(216,144,85);border-radius:10px;padding:.5rem;transition:.2s}.infos .button:hover{background:#f4a261}.infos .text{text-align:justify;padding:1rem;margin-bottom:1rem}.projects{grid-area:2;display:flex;flex-wrap:wrap;justify-content:space-around}*{box-sizing:border-box;margin:0;padding:0}body{margin:0 auto;max-width:100vw;font-family:Nova Round,cursive;color:#333;background-color:#264653}button{cursor:pointer}li{list-style-type:none}a{text-decoration:none;color:inherit}a:visited{color:inherit}.svg{width:24px;height:24px;flex:0 0 auto}.color-5{color:#d89055}.home,.knowledges,.portfolio,.contact{display:flex}@media screen and (max-width: 850px){.home,.knowledges,.portfolio,.contact{flex-direction:column-reverse}}.homeContent,.knowledgeContent,.portfoliocontent,.contactContent{margin-left:4rem}@media screen and (max-width: 850px){.homeContent,.knowledgeContent,.portfoliocontent,.contactContent{margin-left:0}}.sidebar{position:sticky;background-color:#264653;font-family:Nova Round,cursive;height:100dvh;min-height:100dvh;width:264px;border-radius:10px;position:relative;margin:0 1.5rem;display:grid;grid-template-columns:1fr;grid-template-columns:250px 1fr 108px;grid-template-areas:"1" "2" "3"}.sidebar .id{grid-area:1;text-align:center;-webkit-user-select:none;user-select:none;position:relative}.sidebar .id .idContent{margin:2rem 0;width:100%}.sidebar .id .idContent-avatar{border-radius:50%;box-shadow:0 0 0 4px #e9c46a,0 0 0 8px #f4a261,0 0 0 12px #3e6a80;width:8rem;height:8rem;object-fit:cover}.sidebar .id .idContent-title{display:flex;align-items:center;font-size:1.3rem;text-transform:uppercase;letter-spacing:.2rem;margin-top:1.5rem;color:#d89055}.sidebar .id .idContent-title img{width:46px;height:46px}.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-size:1.3rem;position:relative}.sidebar .navigation ul li:hover .icon{transform:translate(3px,3px)}.sidebar .navigation ul li a{color:#ddd}.sidebar .navigation ul li .navActive{color:#f4a261}.sidebar .navigation ul li .icon{position:absolute;height:1.25rem;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-around}.sidebar .socialNetwork ul li a{background:rgb(216,144,85);color:#264653;border-radius:50%;height:2.5rem;width:2.5rem;padding:1rem;display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer;margin-right:.5rem;flex:auto}.sidebar .socialNetwork ul li a:hover{color:#264653;background:#f4a261}.sidebar .socialNetwork .signature{margin-top:2rem;text-align:center;letter-spacing:.1rem;font-size:.7rem}.sidebar .socialNetwork a{color:#d89055}.sidebar .socialNetwork a:hover{color:#f4a261}@media screen and (max-width: 850px){.sidebar{display:flex;min-height:50px;margin:0;margin-bottom:.2rem;width:100%}.sidebar .id,.sidebar .socialNetwork{display:none}.sidebar .navigation{width:100%;padding: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 i{font-size:1.4rem!important;transform:translateY(-3px)!important}.sidebar span{display:none}}.home{border-radius:10px;color:#f5f5f5}.home .homeContent{background:linear-gradient(115deg,#264653 50%,transparent 100%);width:100%;min-height:100dvh;border-radius:10px;display:flex;align-items:center;flex-direction:column;justify-content:center}@media screen and (max-width: 850px){.home .homeContent{margin:1rem 0;min-height:90dvh}}.home .homeContent .content{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:Nova Round,cursive}@media screen and (max-width: 580px){.home .homeContent .content{text-align:center;left:0;min-height:80dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}}.home .homeContent .content-title{font-size:5rem;font-family:Ubuntu Mono,monospace;color:#d89055;text-transform:uppercase;text-shadow:3px 6px 2px #333}@media screen and (max-width: 580px){.home .homeContent .content-title{font-size:2rem}}.home .homeContent .content-subtitle{font-size:2.5rem;padding:1.5rem 0 7rem;color:#e9c46a;text-shadow:1px 4px 1px #333}@media screen and (max-width: 580px){.home .homeContent .content-subtitle{font-size:1 5rem}}.home .homeContent .content-pdf-link{font-size:1.5rem;background:rgb(216,144,85);padding:1rem 2rem;border-radius:10px;box-shadow:0 2.5px .5px #010101;transition:all .2s ease-in-out}.home .homeContent .content-pdf-link:hover{background-color:#f4a261}.home .homeContent .perday{margin:2rem auto}.home .homeContent .perday .flex{display:flex}.home .homeContent .perday .flex div{margin-inline:.5rem;background-color:#3e6a80;padding:1rem;border-radius:10px;text-align:center}.home .homeContent .perday .flex h3{font-size:x-large}.home .homeContent .services{margin:2rem 0;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width: 580px){.home .homeContent .services{grid-template-columns:1fr;padding:.25rem}}.home .homeContent .services .service{display:flex;padding:.5rem;flex-direction:column;align-items:center;border-radius:10px;background-color:#3e6a80;cursor:pointer;transition:all .2s ease-in-out}.home .homeContent .services .service:hover{background-color:#467891}.home .homeContent .services .list{padding:.5rem}.home .homeContent .services .list-item{background-color:#264653;display:flex;align-items:center;justify-content:flex-start;margin-bottom:.1rem;padding:1rem}.home .homeContent .services .list-item--first{border-top-left-radius:8px;border-top-right-radius:8px}.home .homeContent .services .list-item--last{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.home .homeContent .services .list span{margin-left:1rem}.knowledges .knowledgesContent{padding-top:2rem;margin-left:1rem;min-height:100vh;height:100%;width:100%;position:relative;overflow:hidden;display:flex}.knowledges .knowledgesContent .languagesFrameworks,.knowledges .knowledgesContent .experience,.knowledges .knowledgesContent .otherSkills,.knowledges .knowledgesContent .hobbies{background:rgb(62,106,128);border-radius:10px;padding:.8rem}.knowledges .knowledgesContent h3{font-size:1.4rem;margin-bottom:1rem;font-family:Josefin Sans,sans-serif;color:#ddd;font-weight:bolder;text-transform:uppercase}.knowledges .knowledgesContent .languagesFrameworks{grid-area:"O";margin-bottom:.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"L" "E"}.knowledges .knowledgesContent .languagesFrameworks .languageDisplay{grid-area:"L"}.knowledges .knowledgesContent .languagesFrameworks .frameworkDisplay{grid-area:"E"}.knowledges .knowledgesContent .languagesFrameworks h3{margin-bottom:.3rem}.knowledges .knowledgesContent .languagesFrameworks .years{margin-top:2.5rem;font-size:.65rem;display:flex;justify-content:space-between;color:#ddd}.knowledges .knowledgesContent .languagesFrameworks span{width:36%}.knowledges .knowledgesContent .languagesFrameworks span:nth-child(2){text-align:center;width:20%}.knowledges .knowledgesContent .languagesFrameworks span:nth-child(3){text-align:right;width:44%}.knowledges .knowledgesContent .languagesFrameworks span:nth-child(2):before,.knowledges .knowledgesContent .languagesFrameworks span:nth-child(3):before{content:"";background:rgba(180,179,179,.5);position:absolute;height:146px;width:1px;transform:translate(9px,19px)}.knowledges .knowledgesContent .languagesFrameworks .languagesList{padding-top:.5rem}.knowledges .knowledgesContent .languagesFrameworks .languagesList li{color:#e9c46a}.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:#264653;border-radius:50px;height:.4rem;width:0;animation:line 2s ease-out forwards}@keyframes line{to{width:100%}}.knowledges .knowledgesContent .experience{color:#ddd;grid-area:"E";margin:0 0 .5rem .5rem;display:grid;grid-template-columns:1fr,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:#e9c46a;margin:.5rem 0}.knowledges .knowledgesContent .experience h5{font-size:1rem;color:#ddd;font-style:italic;margin:.5rem 0}.knowledges .knowledgesContent .experience h6{padding:0 .5rem;font-size:1rem;margin:.5rem 0}.knowledges .knowledgesContent .experience ul{padding-top:.5rem;font-size:.8rem;text-align:justify}.knowledges .knowledgesContent .experience .exp-1{grid-area:2}.knowledges .knowledgesContent .experience .exp-2{grid-area:3}.knowledges .knowledgesContent .otherSkills{grid-area:"O";margin-left:.5rem}.knowledges .knowledgesContent .otherSkills .list{display:flex;width:100%;height:45%;justify-content:space-between;align-items:flex-start}.knowledges .knowledgesContent .otherSkills .list ul{height:100%}.knowledges .knowledgesContent .otherSkills .list ul li{margin-top:1rem;color:#ddd}.knowledges .knowledgesContent .otherSkills .list ul i{color:#f4a261}.knowledges .knowledgesContent .otherSkills .list ul span{margin-left:.5rem;color:#ddd;text-transform:capitalize}.knowledges .knowledgesContent .hobbies{display:flex;flex-direction:column;width:100%;height:45%}.knowledges .knowledgesContent .hobbies ul{height:100%}.knowledges .knowledgesContent .hobbies ul li{margin-top:1rem;display:flex;justify-content:flex-start}.knowledges .knowledgesContent .hobbies ul li i{margin-left:0;color:#f4a261}.knowledges .knowledgesContent .hobbies ul li span{margin-left:.5rem;color:#ddd;text-transform:capitalize}@media screen and (max-width: 950px){.knowledgesContent h3{font-size:1.2rem!important}.knowledgesContent .languagesList{padding-top:.2rem!important}.knowledgesContent p,.knowledgesContent .otherSkills,.knowledgesContent .hobbies{font-size:.8rem}.knowledgesContent{text-align:left}}@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{margin-bottom:2rem;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr,1fr,180px 180px!important;margin-left:0!important}.knowledgesContent .languages{grid-area:1!important}.knowledgesContent .experience{grid-area:2!important;margin-left:0!important}.knowledgesContent .otherSkills{grid-area:3!important;margin-left:0!important}.knowledgesContent .hobbies{grid-area:3!important}}.contactContent{background:#e9c46a;width:100%;min-height:95vh;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.contactContent .header{width:100%;position:relative;background:#264653;min-height:45vh;z-index:0}.contactContent .header:before{content:"";width:100%;height:100%;position:absolute;background:url(/assets/map-790de396.jpg) no-repeat center top/cover;filter:grayscale(100%)}.contactContent .header:after{content:"";width:100%;height:100%;position:absolute;top:30px;background:url(../media/shape.svg) no-repeat center/cover}.contactContent .contactBox{position:relative;top:-25%;z-index:1;max-width:100%}@media screen and (max-width: 850px){.contactContent .contactBox{top:-50%;max-width:100%;padding:.5rem}}.contactContent .contactBox{background:rgb(216,144,85);margin:0 auto;padding:1rem 3rem;z-index:2;border-radius:10px;box-shadow:0 3px 10px #333;width:50%;min-width:440px;min-height:300px;color:#ddd;display:flex;flex-direction:column;justify-content:center;align-items:center}.contactContent .contactBox:focus{outline:none}.contactContent .contactBox-title{text-align:center;margin-top:.3rem;position:relative;color:#3e6a80}.contactContent .contactBox .form{display:flex;flex-direction:column;width:100%}.contactContent .contactBox .form-line{margin-top:1rem;display:flex;flex-direction:column}.contactContent .contactBox .form-line label{padding-right:.5rem}.contactContent .contactBox .form-line input{padding:.5rem;border-radius:10px;border:none}.contactContent .contactBox .form-line textarea{border-radius:10px;padding:.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.contactContent .contactBox .form-btn{align-self:flex-end;width:50%;text-align:center;margin:1rem 0;padding:.5rem;background:#f4a261;color:#3e6a80;font-weight:700;border-radius:10px;box-shadow:0 3px 10px #333;cursor:pointer}.contactContent .contactBox .form-btn i{padding-right:.5rem}.contactContent .contactBox .form-btn input{border:none;font-weight:700;background:#f4a261;color:#3e6a80}.contactContent .socialNetwork ul{display:flex;text-align:center;width:100%;justify-content:space-around;margin-bottom:2rem}.contactContent .socialNetwork ul a{margin:0 2rem;font-size:1.2rem;background:rgb(216,144,85);border-radius:10px;display:inline-block;padding:1rem;box-shadow:0 1px 3px #333;transform:scaleY(0);transform-origin:center;transition:.2s ease;transition:scale .1s;color:#ddd}.contactContent .socialNetwork ul a:hover{background:#f4a261}.contactContent .socialNetwork ul a i{color:#3e6a80;margin-top:.3rem}@keyframes pop{to{transform:scaleY(1)}}.contactContent .socialNetwork ul a:nth-child(1){animation:pop 1s forwards;animation-delay:.4s}.contactContent .socialNetwork ul a:nth-child(2){animation:pop 1s forwards;animation-delay:.8s}.contactContent .socialNetwork ul a:nth-child(3){animation:pop 1s forwards;animation-delay:1.2s}.contactContent .socialNetwork ul a:nth-child(4){animation:pop 1s forwards;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}}.portfolio .portfolioContent{width:100%;display:grid;min-height:100vh;grid-template-columns:1fr;grid-template-rows:50px 1fr;grid-template-areas:"1" "2"}.portfolio .radioDisplay{grid-area:1;border-radius:10px;display:flex;width:100%;padding:1rem 2rem;margin:0 auto;background:#264653;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #333}.portfolio .radioDisplay li{color:#e9c46a;font-size:1.1rem;text-transform:uppercase;padding:0 1rem;flex:1;z-index:2;display:flex;justify-content:center;align-items:center}.portfolio .radioDisplay li input[type=radio]{margin-right:.5rem}.portfolio .radioDisplay li input:checked:after{transform:scale(1.17) translate(-25%,-25%);top:2px;left:-6px}.portfolio .radioDisplay li input:checked+label{color:#f4a261}.portfolio .radioDisplay li label{cursor:pointer}@media (max-width: 650px) and (min-width: 521px){.portfolioContent .project{width:49%!important}.portfolioContent .project img{max-height:20rem}.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}}.home{background-color:#264653;color:#ddd}