@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Italianno&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nova+Round&family=Parkinsans:wght@300..800&family=Playwrite+HU:wght@100..400&family=Playwrite+PE+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Italianno&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nova+Round&family=Parkinsans:wght@300..800&family=Playwrite+HU:wght@100..400&family=Playwrite+PE+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Italianno&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nova+Round&family=Parkinsans:wght@300..800&family=Playwrite+HU:wght@100..400&family=Playwrite+PE+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}*,:after,:before{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none}body{margin:1rem auto;max-width:1200px;font-family:Nova Round,cursive;color:#333;background-color:#2a1d52}button{cursor:pointer}a,a:visited{color:#333}.home,.knowledges,.porfolio,.contact{display:flex}@media screen and (max-width: 850px){.home,.knowledges,.porfolio,.contact{display:block!important}}.homeContent,.knowledgesContent,.portfolioContent,.contactConent{margin-left:.4rem}@media screen and (max-width: 850px){.homeContent,.knowledgesContent,.portfolioContent,.contactConent{margin-left:0!important}}.sidebar{background:#2a1d52;font-family:Nova Round,cursive;height:100%;min-height:95vh;width:264px;box-shadow:2px 3px 5px #fff,-2px -3px 5px #fff;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;user-select:none;position:relative}.sidebar .id .idContent{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%}.sidebar .id .idContent img{height:200px;width:200px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 4px #63a4e9,0 0 0 8px #4fedd2,0 0 0 8px #6c77f4}.sidebar .id .idContent h3{font-size:1.3rem;text-transform:uppercase;letter-spacing:.2rem;color:#36d0ea}.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 i{transform:translate(3px,3px)}.sidebar .navigation ul li a{color:#36d0ea}.sidebar .navigation ul li .navActive{color:#4fedd2}.sidebar .navigation ul li i{position:absolute;font-size:.95rem;transform:translateY(3px);transition:.2s ease-in-out}.sidebar .navigation ul li span{margin-left:2.7rem}.socialNetwork{grid-area:3}.socialNetwork ul{display:flex;width:-264px;padding:0 14px;justify-content:space-between}.socialNetwork ul li{font-size:1.5rem;background:#36d0ea;color:#2a1d52;border-radius:50%;padding:.5rem .8rem;cursor:pointer;transition:.3s}.socialNetwork ul li a:visited{color:#2a1d52}.socialNetwork ul li:nth-child(1){padding:.5rem .85rem}.socialNetwork ul li:nth-child(4){padding:.5rem .75rem}.socialNetwork ul li:hover{background:#4fedd2}.socialNetwork .signature{margin-top:2rem;text-align:center;letter-spacing:.1rem;font-size:.7rem}.socialNetwork .signature p{color:#36d0ea}.socialNetwork .signature p:hover{color:#4fedd2}@media screen and (max-width: 850px){.sidebar{display:flex;min-height:50px;margin-bottom:.2rem;width:100vw}.sidebar .id,.sidebar .socialNetwork{display:none}.sidebar .navigation{width:100%;padding:1px}.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;transform:translateY(-3px)}.sidebar ul span{display:none}}.home .homeContent{background:linear-gradient(115deg,#2a1d52 50%,transparent 100%);min-height:95vh;width:100%;min-height:500px;overflow:hidden;position:relative;border-radius:25px}.home .homeContent:after{content:"";position:absolute;height:100%;width:inherit;background:url(../../media/boriscode.jpg) no-repeat center/cover;z-index:-1;filter:brightness(30%)}.home .homeContent .content{position:absolute;top:20%;left:13%;font-family:Nova Round,cursive}.home .homeContent .content h1{font-size:3rem;font-weight:300!important;color:#36d0ea;text-shadow:3px 6px 2px #333;text-transform:uppercase}.home .homeContent .content h2{font-size:2.5rem;padding:1.5ren 0 7rem;color:#63a4e9;text-shadow:1px 4px 1px #333;transition:.2s ease}.home .homeContent .content .pdf a{font-size:1.5rem;background:#63a4e9;border-radius:25px;padding:12px;box-shadow:0 5px 1px #0f0f0f}.home .homeContent .content .pdf a:hover{background:#4fedd2}@media screen and (max-width: 850px){.homeContent{margin:0!important}}@media screen and (max-width: 580px){.homeContent:after{background:url(../../media/boriscode.jpg) no-repeat 60% 50%/cover!important}.homeContent h1{font-size:2rem!important}.homeContent h2{font-size:1.8rem!important}}.responsive-img{display:none}@media screen and (max-width: 850px){.responsive-img{display:block}}.tooltip-custom{z-index:9999!important}@media screen and (max-width: 580px){.tooltip-custom{max-width:200px!important}}.knowledges .knowledgesContent{min-height:95vh;overflow:hidden;position:relative;width:100%;display:grid;grid-template-columns:38% 1fr 1fr;grid-template-rows:70% 30%;grid-template-areas:"L E E" "O O H";gap:.5rem}.knowledges .knowledgesContent .languagesFrameworks,.knowledges .knowledgesContent .experience,.knowledges .knowledgesContent .otherSkills,.knowledges .knowledgesContent .hobbies{background:#6c77f4;border-radius:25px;padding:.8rem}.knowledges .knowledgesContent h3{font-size:1.4rem;margin-bottom:1rem;color:#36d0ea;font-family:Dosis,sans-serif;text-transform:uppercase}.knowledges .knowledgesContent .languagesFrameworks{grid-area:L;margin-bottom:.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"L" "F";gap:.5rem}.knowledges .knowledgesContent .languagesFrameworks .languagesDisplay{grid-area:L}.knowledges .knowledgesContent .languagesFrameworks .frameworksDisplay{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;position:relative}.knowledges .knowledgesContent .languagesFrameworks .years span{width:30%;position:relative}.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:40%}.knowledges .knowledgesContent .languagesFrameworks .years span:nth-child(2):before,.knowledges .knowledgesContent .languagesFrameworks .years span:nth-child(3):before{content:"";background:#bdb3b380;position:absolute;height:100px;width:1px;top:0;left:50%;transform:translate(-50%)}.knowledges .knowledgesContent .languagesFrameworks .languagesList{padding-top:.5rem}.knowledges .knowledgesContent .languagesFrameworks .languagesList li{color:#2a1d52}.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-color:#63a4e9;height:.4rem;width:0%;animation:line 2s ease-out forwards}@keyframes line{to{width:100%}}.knowledges .knowledgesContent .experience{grid-area:E;margin:0 0 .5rem .5rem;display:grid;overflow:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"title" "exp-1" "exp-2";gap:.5rem}.knowledges .knowledgesContent .experience::-webkit-scrollbar{width:8px}.knowledges .knowledgesContent .experience::-webkit-scrollbar-thumb{background-color:#36d0ea;border-radius:4px}.knowledges .knowledgesContent .experience::-webkit-scrollbar-track{background:#3d2a78}.knowledges .knowledgesContent .experience h3{grid-area:title}.knowledges .knowledgesContent .experience h4{color:#36d0ea;font-size:1.1rem}.knowledges .knowledgesContent .experience h5{color:#63a4e9;padding:.5rem 0 .5rem 1rem}.knowledges .knowledgesContent .experience p{text-align:justify;padding:0 1rem}.knowledges .knowledgesContent .experience .exp-1{grid-area:exp-1}.knowledges .knowledgesContent .experience .exp-2{grid-area:exp-2}.knowledges .knowledgesContent .otherSkills{grid-area:O;margin-right:.5rem;overflow:auto}.knowledges .knowledgesContent .otherSkills::-webkit-scrollbar{width:8px}.knowledges .knowledgesContent .otherSkills::-webkit-scrollbar-thumb{background-color:#36d0ea;border-radius:4px}.knowledges .knowledgesContent .otherSkills::-webkit-scrollbar-track{background:#3d2a78}.knowledges .knowledgesContent .otherSkills .list{display:flex;width:100%;height:100%;margin:0 auto}.knowledges .knowledgesContent .otherSkills .list ul{height:auto;display:grid;gap:.5rem}.knowledges .knowledgesContent .otherSkills .list ul li{position:relative;padding-left:2rem}.knowledges .knowledgesContent .otherSkills .list ul li i{position:absolute;left:0;color:#36d0ea}.knowledges .knowledgesContent .hobbies{grid-area:H;margin-top:.5rem}@media screen and (max-width: 950px){.knowledges .knowledgesContent h3{font-size:1.2rem}.knowledges .knowledgesContent .languagesList{padding-top:.2rem}.knowledges .knowledgesContent p,.knowledges .knowledgesContent .otherSkills,.knowledges .knowledgesContent .hobbies{font-size:.8rem}}@media screen and (max-width: 850px){.knowledges .knowledgesContent h4{font-size:.9rem}.knowledges .knowledgesContent h5{font-size:.6rem;padding:.2rem 1rem}}@media screen and (max-width: 500px){.knowledges .knowledgesContent{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"L" "E" "O" "H";gap:.5rem}.knowledges .knowledgesContent .languagesFrameworks{grid-area:L;margin-bottom:0}.knowledges .knowledgesContent .experience{grid-area:E;margin-left:0}.knowledges .knowledgesContent .otherSkills{grid-area:O;margin-right:0}.knowledges .knowledgesContent .hobbies{grid-area:H;margin-top:0}}.portfolio{min-height:95vh;padding:2rem 1rem;display:flex;align-items:flex-start;gap:1rem}.portfolio .portfolioContent{padding:2rem 0 0;background:#2a1d52;border-radius:25px;flex:1}.portfolio .portfolioContent .radioDisplay{display:flex;justify-content:flex-start;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.portfolio .portfolioContent .radioDisplay li{display:flex;align-items:center}.portfolio .portfolioContent .radioDisplay li input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid #36d0ea;border-radius:50%;margin-right:.5rem;position:relative;cursor:pointer;transition:background .2s ease}.portfolio .portfolioContent .radioDisplay li input[type=radio]:checked{background:#36d0ea}.portfolio .portfolioContent .radioDisplay li label{font-family:Dosis,sans-serif;font-size:1rem;color:#2a1d52;cursor:pointer;text-transform:capitalize}.portfolio .portfolioContent .projects{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media screen and (max-width: 950px){.portfolio .portfolioContent .projects{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (max-width: 600px){.portfolio .portfolioContent .projects{grid-template-columns:1fr;gap:1rem}}.portfolio .portfolioContent .projects .project{position:relative;background:#ddd;border-radius:25px;box-shadow:0 1px 3 #333;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.portfolio .portfolioContent .projects .project:hover{box-shadow:0 4px 8px #3333331a}.portfolio .portfolioContent .projects .project .icons{display:flex;gap:.7rem;padding:1rem 1rem 0}.portfolio .portfolioContent .projects .project .icons i{font-size:1.2rem;color:#36d0ea;transition:color .2s ease}.portfolio .portfolioContent .projects .project .icons i:hover{color:#63a4e9}.portfolio .portfolioContent .projects .project h3{font-family:Josefin Sans,sans-serif;font-size:1.4rem;color:#2a1d52;margin:.5rem 1rem;text-transform:capitalize}.portfolio .portfolioContent .projects .project img{width:100%;height:auto;object-fit:cover;display:block;cursor:pointer}.portfolio .portfolioContent .projects .project img:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out}.portfolio .portfolioContent .projects .project .infos{position:absolute;top:1rem;right:1rem;background:#36d0eacc;color:#ddd;width:2rem;height:2rem;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.portfolio .portfolioContent .projects .project .infos i{font-size:1rem}.portfolio .portfolioContent .projects .project .showInfo{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#333333b3;display:flex;justify-content:center;align-items:center;z-index:999}.portfolio .portfolioContent .projects .project .showInfo .infosContent{background:#ddd;border-radius:25px;padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.7);opacity:0;animation:scaleUp .3s ease-out forwards}.portfolio .portfolioContent .projects .project .showInfo .infosContent .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.portfolio .portfolioContent .projects .project .showInfo .infosContent .head h2{font-family:Josefin Sans,sans-serif;font-size:1.6rem;color:#2a1d52;margin:0;text-transform:capitalize}.portfolio .portfolioContent .projects .project .showInfo .infosContent .head .sourceCode a.button{display:inline-block;background:#63a4e9;color:#ddd;padding:.5rem 1rem;border-radius:12.5px;font-family:Dosis,sans-serif;font-size:.9rem;transition:background .2s ease}.portfolio .portfolioContent .projects .project .showInfo .infosContent .head .sourceCode a.button:hover{background:#368ae3}.portfolio .portfolioContent .projects .project .showInfo .infosContent p{font-size:1rem;line-height:1.5;color:#333;margin-bottom:2rem}.portfolio .portfolioContent .projects .project .showInfo .infosContent .return{display:flex;justify-content:center}.portfolio .portfolioContent .projects .project .showInfo .infosContent .return button{background:#36d0ea;color:#ddd;padding:.7rem 1.5rem;border:none;border-radius:12.5px;font-family:Dosis,sans-serif;font-size:1rem;transition:background .2s ease}.portfolio .portfolioContent .projects .project .showInfo .infosContent .return button:hover{background:#16bbd7}@media screen and (max-width: 850px){.portfolio{flex-direction:column;gap:0}}@keyframes scaleUp{to{transform:scale(1);opacity:1}}@media screen and (max-width: 600px){.project{width:100%}}.contactContent{background:#63a4e9;margin-left:1rem;border-radius:25px;width:100%;gap:1rem;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:#2a1d52;height:340px}.contactContent .header:before{content:"";position:absolute;height:100%;width:inherit;background:url(../../media/map.jpg) no-repeat center/cover;filter:grayscale(100%)}.contactContent .header:after{content:"";position:absolute;height:100%;width:100%;top:30px;background:url(../../media/map.jpg) no-repeat center/cover}.contactContent .contactBox{grid-area:2;background:#36d0ea;margin:0 auto;z-index:2;border-radius:25px;box-shadow:0 3px 10px #333;min-width:440px;min-height:200px}.contactContent .contactBox h1{text-align:center;position:relative;color:#6c77f4}.contactContent .contactBox h1:after{content:"";position:absolute;width:50%;height:2px;background:#2a1d52;bottom:-10px;left:50%;transform:translate(-50%)}.contactContent .contactBox ul{height:72%;width:inherit;display:grid;margin-top:3.5rem}.contactContent .contactBox ul li{position:relative;font-size:12px!important}.contactContent .contactBox ul i{font-size:1.4rem;position:absolute;color:#6c77f4;transform:translateY(2px)}.contactContent .contactBox ul span{font-size:1.4rem;position:absolute;transform:translate(52px);background:transparent;border:none;outline:none;width:350px;transition:.2s ease}.contactContent .contactBox ul .clickInput{cursor:pointer;transform:translate(56px)}.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:#36d0ea;border-radius:25px;display:inline-block;padding:.7rem 0;box-shadow:0 1px 3 #333;transform:scaleY(0);transform-origin:center;transition:.2s ease;transition:scale .1s}.contactContent .socialNetwork ul a:hover{background:#2a1d52;color:#36d0ea}.contactContent .socialNetwork ul a i{color:#6c77f4;font-size:1.5rem;margin-top:.3rem}@keyframes pop{to{transform:scaleY(1)}}.contactContent .socialNetwork ul a:nth-child(1){animation:pop 1s forwards;animation-delay:.4s;animation-direction:bottom}.contactContent .socialNetwork ul a:nth-child(2){animation:pop 1s forwards;animation-delay:.8s;animation-direction:bottom}.contactContent .socialNetwork ul a:nth-child(3){animation:pop 1s forwards;animation-delay:1.2s;animation-direction:bottom}.contactContent .socialNetwork ul a:nth-child(4){animation:pop 1s forwards;animation-delay:1.6s;animation-direction:bottom}@media screen and (max-width: 500px){.contactContent .contactBox{min-width:100%!important}.contactContent span{font-size:.9rem!important}.contactContent h4{display:none}}.custom-tooltip{font-size:12px!important}.notFound{display:flex;justify-content:center;align-items:center;height:95vh;max-width:1200px;background:#63a4e9;text-align:center}.notFound h3{margin-bottom:3rem;font-size:2rem}.notFound a{padding:1rem 2rem;border-radius:25px;background:#36d0ea;transition:.2s}.notFound a:hover{background:#4fedd2}footer{background:#2a1d52;color:#6c77f4;padding:20px;text-align:center;font-size:14px;border-radius:25px;box-shadow:0 1px 3 #333;margin-top:15px}footer a{color:#63a4e9;text-decoration:none}footer a:hover{text-decoration:underline}