@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Nova+Round&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nova Round,cursive;margin:1rem auto;max-width:1400px}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}}.sidebar{background:#e9e9e9;border-radius:25px;display:grid;font-family:Nova Round,cursive;grid-template-areas:"1" "2" "3";grid-template-columns:1fr;grid-template-rows:250px 1fr 108px;height:100%;min-height:95vh;position:relative;width:264px}.sidebar .id{grid-area:1;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.sidebar .id .idContent{bottom:0;left:50%;position:absolute;transform:translateX(-50%);width:100%}.sidebar .id .idContent img{border-radius:50%;box-shadow:0 0 0 4px #1f75cc,0 0 0 8px #94dfd2,0 0 0 12px #494d80;height:150px;width:150px}.sidebar .id .idContent h3{color:#2fb3ca;font-size:1.3rem;letter-spacing:.2rem;margin-top:1.5rem;text-transform:uppercase}.sidebar .navigation{grid-area:2;padding:2rem 1rem}.sidebar .navigation ul{display:grid;height:100%}.sidebar .navigation ul li{font-size:1.3rem;padding:1rem 0 1rem .4rem;position:relative}.sidebar .navigation ul li:hover i{transform:translate(3px,3px)}.sidebar .navigation ul li a{color:#2fb3ca}.sidebar .navigation ul li .active{color:#94dfd2}.sidebar .navigation ul li i{font-size:.95rem;position:absolute;transform:translateY(3px);transition:.2s ease}.sidebar .navigation ul li span{margin-left:2.7rem}.socialNetwork{grid-area:3}.socialNetwork ul{display:flex;justify-content:space-around;padding:0 14px;width:264px}.socialNetwork ul li{background:#2fb3ca;border-radius:50%;color:#e9e9e9;cursor:pointer;font-size:1.5rem;padding:.5rem .8rem;transition:.3s}.socialNetwork ul li a:visited{color:#e9e9e9}.socialNetwork ul li:first-child{padding:.5rem .85rem}.socialNetwork ul li:nth-child(4){padding:.5rem .75rem}.socialNetwork ul li:hover{background:#94dfd2}.socialNetwork .signature{font-size:.7rem;letter-spacing:.1rem;margin-top:2rem;text-align:center}.socialNetwork .signature p{color:#2fb3ca}.socialNetwork .signature p:hover{color:#94dfd2;cursor:pointer}@media screen and (max-width:850px){.sidebar{display:flex;margin-top:.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 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;transform:translateY(-3px)!important}.sidebar ul span{display:none}}.home{gap:.2rem}.home .homeContent{background:linear-gradient(30deg,#e9e9e9 20%,#0000);border-radius:25px;margin:0;min-height:95vh;overflow:hidden;position:relative;width:100%}.home .homeContent:after{background:url(/static/media/portraitFond.82cdc49337f312cb6664.jpg) no-repeat 50%/cover;content:"";filter:brightness(440px);height:100%;position:absolute;width:inherit;z-index:-1}.home .homeContent .content{font-family:Nova Round,cursive;left:13%;position:absolute;top:20%}.home .homeContent .content h1{color:#2fb3ca;font-family:5rem;font-family:Josefin Sans,serif;text-shadow:3px 6px 2px #333;text-transform:uppercase}.home .homeContent .content h2{color:#1f75cc;font-size:2.5rem;padding:1.5rem .7rem;text-shadow:1px 4px 2px #333;transition:.2s ease}.home .homeContent .content .pdf{margin-top:5rem;position:relative;width:50%}.home .homeContent .content .pdf:before{background:#1f75cc;border-radius:25px;content:"";filter:opacity(.5);height:100%;left:0;position:absolute;top:0;width:100%}.home .homeContent .content .pdf p{font-size:1.1rem;padding:1rem 2rem;text-shadow:.5px 1px 2px #333}@media screen and (max-width:850px){.homeContent{margin:.5rem 0!important}}@media screen and (max-width:580px){.homeContent:after{background:url(/static/media/bigGates.88d13cc1cdf384c69092.jpg) no-repeat 60% 50% cover!important}.homeContent h1{font-size:3rem!important}.homeContent h2{font-size:1.8rem!important}}.notFound{align-items:center;background:#1f75cc;border-radius:25px;display:flex;height:95vh;justify-content:center;min-width:1200px;text-align:center}.notFound h3{font-size:2rem;margin-bottom:3rem}.notFound a{background:#2fb3ca;border-radius:25px;padding:1rem 2rem;transition:.2s}.notFound a:hover{background:#94dfd2}.knowledges .knowledgesContent{display:grid;grid-template-areas:" L E E " " O O H ";grid-template-columns:38% 1fr 1fr;grid-template-rows:70% 30%;min-height:95vh;overflow:hidden;position:relative;width:100%}.knowledges .knowledgesContent .experience,.knowledges .knowledgesContent .hobbies,.knowledges .knowledgesContent .languagesFrameworks,.knowledges .knowledgesContent .otherSkills{background:#494d80;border-radius:25px;padding:.8rem}.knowledges .knowledgesContent h3{color:#2fb3ca;font-family:Dosis,sans-serif;font-size:1.4rem;margin-bottom:1rem;text-transform:uppercase}.knowledges .knowledgesContent .languagesFrameworks{display:grid;grid-area:L;grid-template-areas:"L" "S";grid-template-columns:1fr;grid-template-rows:1fr 1fr;margin-bottom:.5rem}.knowledges .knowledgesContent .languagesFrameworks .languagesDisplay{grid-area:L}.knowledges .knowledgesContent .languagesFrameworks .framworksDisplay{grid-area:S}.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: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{background:#b4b3b380;content:"";height:146px;position:absolute;transform:translate(9px,19px);width:1px}.knowledges .knowledgesContent .languagesFrameworks .languagesList{padding-top:.5rem}.knowledges .knowledgesContent .languagesFrameworks .languagesList li{color:#e9e9e9}.knowledges .knowledgesContent .languagesFrameworks .languagesList .progressBar{background:#0000;border-radius:50px;height:.4rem;margin-top:.2rem;position:relative}.knowledges .knowledgesContent .languagesFrameworks .languagesList .progressBar:after{animation:line 2s ease-out forwards;background:#1f75cc;border-radius:50px;content:"";height:.4rem;position:absolute;width:0}@keyframes line{to{width:100%}}.knowledges .knowledgesContent .experience{display:grid;grid-area:E;grid-template-areas:"1" "2" "3";grid-template-columns:1fr;grid-template-rows:10% 1fr 1fr;margin:0 0 .5rem .5rem}.knowledges .knowledgesContent .experience h3{grid-template-areas:1}.knowledges .knowledgesContent .experience h4{color:#2fb3ca;font-size:1.1rem}.knowledges .knowledgesContent .experience h5{color:#1f75cc;padding:.5rem 0 .5rem 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 .otherSkills{grid-area:O;margin-right:.5rem}.knowledges .knowledgesContent .otherSkills .list{display:flex;height:100%;justify-content:space-between;margin:0 auto;width:80%}.knowledges .knowledgesContent .otherSkills .list ul{display:grid;height:80%}.knowledges .knowledgesContent .otherSkills .list ul i{color:#2fb3ca}.knowledges .knowledgesContent .hobbies{grid-area:H;padding-left:1.5rem}.knowledges .knowledgesContent .hobbies ul{display:grid;height:80%}.knowledges .knowledgesContent .hobbies ul li i{color:#2fb3ca;position:absolute}.knowledges .knowledgesContent .hobbies ul li span{position:absolute;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:1.2em!important}.knowledgesContent h5{font-size:.6rem!important;padding:.2rem 1rem!important}}@media screen and (max-width:500px){.knowledgesContent{display:grid!important;grid-template-areas:"1" "2" "3" "4"!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr 180px 180px!important}.knowledgesContent .languagesFrameworks{grid-area:1!important}.knowledgesContent .experience{grid-area:2!important}.knowledgesContent .otherSkills{grid-area:3!important;margin-right:0!important}.knowledgesContent .hobbies{grid-area:4!important;margin-top:.5rem!important}}.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:#e9e9e9;border-radius:25px;box-shadow:10px 9px 20px 1px rgba(51,51,51,.722);display:flex;grid-area:1;margin:0 auto;padding:1rem 2rem;-webkit-user-select:none;user-select:none;width:100%}.portfolio .radioDisplay li{align-items:center;color:#1f75cc;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 #94dfd2;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:#94dfd2;border-radius:50%;transform:scale(0);transform-origin:center}.portfolio .radioDisplay li input:checked:after{left:-6px;top:2px;transform:scale(1.17) translate(-25%,-25%)}.portfolio .radioDisplay li input:checked+label{color:#94dfd2}.portfolio .radioDisplay li label{cursor:pointer}.portfolio .projects{display:flex;flex-wrap:wrap;grid-area:2;justify-content:space-around}.portfolio .projects .project{background:#e9e9e9;border-radius:25px;box-shadow:10px 9px 20px 1px rgba(51,51,51,.722);display:grid;grid-template-areas:"1" "2" "3" "4";grid-template-rows:15% 15% 55% 15%;margin:.5rem 0 0;max-height:50%;padding:.3rem;text-align:center;width:32%}.portfolio .projects .project img{align-items:center;border-radius:4px;box-shadow:0 2px 6px #333;cursor:pointer;display:flex;grid-area:3;height:auto;justify-content:center;margin:0 auto;max-height:85%;max-width:100%;object-fit:cover}.portfolio .projects .icons{align-items:center;display:flex;grid-area:1;justify-content:center}.portfolio .projects .icons i{color:#2fb3ca;font-size:1.4rem;padding:0 .35rem;text-shadow:0 0 1px #e9e9e9}.portfolio .projects h3{font-family:Dosis,sans-serif;font-size:1.65rem;grid-area:2}.portfolio .projects .infos,.portfolio .projects h3{align-items:center;display:flex;justify-content:center}.portfolio .projects .infos{color:#94dfd2;cursor:pointer;font-size:1.5rem;grid-area:4;transition:.2s}.portfolio .projects .infos:hover{transform:scale(1.1)}.portfolio .projects .showInfos{animation:popup .3s ease forwards;background:rgba(0,0,0,.507);bottom:0;left:0;position:absolute;right:0;top:0;transform-origin:center}.portfolio .projects .showInfos .infosContent{animation:popup .6s ease forwards;background:#e9e9e9;border-radius:25px;box-shadow:0 10px 10px #333;color:#2fb3ca;margin:0 auto;padding:2rem;position:relative;top:25%;transform:scale(0);transform-origin:center;width:600px}@keyframes popup{to{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:#2fb3ca;border-radius:25px;color:#e9e9e9;cursor:pointer;padding:1rem;transition:.2s}.portfolio .projects .showInfos .button:hover{background:#94dfd2}.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{flex-wrap:wrap;max-height:100px}.portfolioContent{grid-template-rows:1fr!important}.portfolioContent .project{height:450px;width:98%!important}}.contactContent{background:#1f75cc;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:#e9e9e9;grid-area:1;height:340px;position:relative;width:100%}.contactContent .header:before{background:url(/static/media/map.3e5949c9b6f7cd03bd31.jpg) no-repeat top/cover;content:"";filter:grayscale(100%);height:100%;position:absolute;width:100%}.contactContent .header:after{background:url(/static/media/shape.1d026b20b3a18a74a971.svg) no-repeat 50%/cover;content:"";filter:saturate(.5);height:100%;position:absolute;top:30px;width:100%}.contactContent .contactBox{background:#2fb3ca;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:#494d80;margin-top:.3rem;position:relative;text-align:center}.contactContent .contactBox h1:after{background:#e9e9e9;bottom:-25px;content:"";height:1px;left:50%;position:absolute;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:#494d80;font-size:1.4rem;position:absolute;transform:translateY(2px)}.contactContent .contactBox ul span{background:#0000;border:none;font-size:1.4rem;outline:none;position:absolute;transform:translateX(52px);transition:.2s ease;width:350px}.contactContent .contactBox ul .clickInput:hover{cursor:pointer;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:#2fb3ca;border-radius:25px;box-shadow:10px 9px 20px 1px rgba(51,51,51,.722);display:inline-block;font-size:1.2rem;padding:.7rem 0;transform:scaleY(0);transform-origin:top;transition:.2s ease,scale .1s;width:20%}.contactContent .socialNetwork ul a:first-child{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}@keyframes pop{to{transform:scaleY(1)}}.contactContent .socialNetwork ul a:hover{background:#94dfd2}.contactContent .socialNetwork ul a i{color:#494d80;margin-top:.3rem}@media screen and (max-width:500px){.contactContent .contactBox{min-width:100%!important}.contactContent span{font-size:.9rem!important}.contactContent h4{font-size:.9rem}}
/*# sourceMappingURL=main.bb696579.css.map*/