#root{height:100%}@font-face{font-family:RobotoFlex;src:url(/portfolio/assets/RobotoFlex-DJo2p2gK.ttf)}@font-face{font-family:AudioWide;src:url(/portfolio/assets/Audiowide-Regular-8MRs-3Oc.ttf)}body{font-family:RobotoFlex,sans-serif;letter-spacing:2px}.audioWide-text{font-family:AudioWide}::selection{background-color:#6f00ff;color:#fff}::-moz-selection{background-color:#6f00ff;color:#fff}::-webkit-selection{background-color:#6f00ff;color:#fff}::-webkit-scrollbar{height:15px;width:10px}::-webkit-scrollbar-thumb{background:#212f4b;border-radius:100px}::-webkit-scrollbar-track{border-radius:100px;background:none}@media (min-width: 1250px){main{width:1240px;margin-inline:auto;margin-top:60px;margin-bottom:60px;padding-bottom:60px;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:25px}.main-content{width:870px}.info_more-btn{display:none}}@media (min-width: 1024px) and (max-width: 1249px){main{display:flex;flex-direction:column;align-items:center;margin-top:60px;padding-bottom:60px}.main-content{width:950px;margin-bottom:60px!important}.sideBar{position:static;width:950px;display:flex;padding-top:20px}.sidebar-info{display:flex;justify-content:flex-start;align-self:flex-start;padding:20px 0;position:relative}.profile-photo-box{margin:0;width:fit-content}.skill-box{flex-direction:row!important;flex-wrap:wrap;padding-left:15px}.NameContainer{display:flex;flex-direction:row;align-items:center!important;align-self:flex-start;padding-left:16px;margin-bottom:15px;gap:10px!important}.name,.lastName{margin:0}.info_more-btn{box-shadow:inset 0 5px 5px #525252,0 5px 10px #0f0f0f;padding:10px 15px;border-radius:0 15px}}@media (max-width: 1249px){.sidebar-more-info{opacity:0!important;max-height:0;transition:all 1s ease-in-out,opacity .3s ease-in-out}.sidebar-more-info.active{opacity:1!important;max-height:300px;transition:all 1s ease-in-out,opacity 1.5s ease-in-out}.closeModalBTN{font-size:35px!important;top:5px!important;right:15px!important}}@media (min-width: 1024px) and (max-width: 1249px){.sidebar{max-height:180px;margin-bottom:30px}.info_more-btn{position:absolute;right:-31px;top:-21px;color:#a276ff;border:1px solid #383838;transition:all .3s ease-in-out}.info_more-btn:hover{background:linear-gradient(to bottom right,#a276ff,#1e1e1f 50%);color:#fff}.contact-info-list{flex-direction:row!important;flex-wrap:wrap;justify-content:space-between}.contact-item{min-width:400px}}@media (min-width: 771px) and (max-width: 1023px){main{display:flex;flex-direction:column;align-items:center;margin-top:60px;padding-bottom:60px}aside{position:static!important;width:638px!important}.sidebar-info{width:100%;display:flex;justify-content:flex-start;align-self:flex-start;padding:10px 0;position:relative}.profile-photo-box{margin:0;width:fit-content}.profile-photo{width:100px!important;border-radius:15px!important}.NameContainer{display:flex;flex-direction:row;align-items:center!important;align-self:flex-start;padding-left:16px;margin-bottom:15px}.skill-box{flex-direction:row!important;flex-wrap:wrap;padding-left:15px}.NameContainer{display:flex!important;flex-direction:row!important;align-items:center!important;align-self:flex-start!important;padding-left:16px;margin-bottom:15px;gap:10px!important}.name,.lastName{margin:0}.info_more-btn{position:absolute;right:-31px;top:-31px;color:#a276ff;border:1px solid #383838;transition:all .3s ease-in-out;box-shadow:inset 0 5px 5px #525252,0 5px 10px #0f0f0f;padding:10px 15px;border-radius:0 15px}.info_more-btn:hover{background:linear-gradient(to bottom right,#a276ff,#1e1e1f 50%);color:#fff}.contact-item{min-width:100px!important}.main-content{width:638px;margin-bottom:60px!important}.contact-info-list{flex-direction:row!important}.contactItemsMobile{display:flex;flex-direction:column;width:50%}.navbar{position:fixed!important;top:inherit!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:95%!important;height:60px!important;border-radius:20px 20px 0 0!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex!important;align-items:center;justify-content:center}.certificateContainer{scale:.9;padding-top:5px!important;padding-bottom:0!important;width:80%!important;height:100%!important;overflow:hidden}.certificatePNGMobile{width:95%!important}.navbar-menu{margin-bottom:25px}}@media (min-width: 580px) and (max-width: 770px){main{display:flex;flex-direction:column;align-items:center;margin-top:60px;padding-bottom:60px}aside{position:static!important;width:515px!important}.sidebar-info{width:100%;display:flex;justify-content:flex-start;align-self:flex-start;padding:10px 0;position:relative}.profile-photo-box{margin:0;width:fit-content}.profile-photo{width:100px!important;border-radius:15px!important}.NameContainer{display:flex;flex-direction:row;align-items:center!important;align-self:flex-start;padding-left:16px;margin-bottom:15px}.skill-box{padding-left:15px;width:stretch}p.sidebar-skill.sidebar-skill-0{align-self:flex-start;width:225px;padding:10px}p.sidebar-skill.sidebar-skill-1{align-self:center;width:225px;padding:10px;margin-right:40px}p.sidebar-skill.sidebar-skill-2{align-self:flex-end;width:225px;padding:10px;margin-right:40px}p.sidebar-skill.sidebar-skill-3{align-self:flex-end;width:225px;padding:10px}.info-content{width:stretch}.NameContainer{display:flex!important;flex-direction:row!important;align-items:center!important;align-self:flex-start!important;padding-left:16px;margin-bottom:15px;gap:10px!important}.name,.lastName{margin:0}.info_more-btn{position:absolute;right:-31px;top:-31px;color:#a276ff;border:1px solid #383838;transition:all .3s ease-in-out;box-shadow:inset 0 5px 5px #525252,0 5px 10px #0f0f0f;padding:10px 15px;border-radius:0 15px}.info_more-btn:hover{background:linear-gradient(to bottom right,#a276ff,#1e1e1f 50%);color:#fff}.contact-item{min-width:100px!important}.main-content{width:515px;margin-bottom:60px!important}.contact-info-list{flex-direction:row!important}.contactItemsMobile{display:flex;flex-direction:column;width:50%}.navbar{position:fixed!important;top:inherit!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:95%!important;height:60px!important;border-radius:20px 20px 0 0!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex!important;align-items:center;justify-content:center}.certificateContainer{scale:.9;padding:5px 5px 0!important;width:100%!important;height:100%!important;overflow:hidden}.certificatePNGMobile{width:95%!important}.badgeMainContainer{display:flex;justify-content:flex-start!important;overflow-y:hidden;gap:10px}.closeModalDiv{position:static!important;margin-bottom:10px;top:0!important}.closeModalBTN{top:10px!important;right:10px!important;color:#ff3939}.DownloadCertificateBTN{margin-bottom:10px}.navbar-menu{gap:15px!important;margin-bottom:25px}}@media (min-width: 295px) and (max-width: 579px){main{display:flex;flex-direction:column;align-items:center;margin-top:60px;padding-bottom:60px}aside{position:static!important;width:85%!important;padding-left:5%!important;padding-right:5%!important}.sidebar-info{width:100%;padding:0;position:relative;display:flex;margin-top:10px;justify-content:space-around;margin-bottom:20px}.profile-photo-box{margin:0;width:fit-content}.profile-photo{width:100px!important;border-radius:15px!important}.NameContainer{display:flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;flex-direction:row!important;padding-left:10px;margin-bottom:5px;gap:3px!important}.info-content{align-items:start!important};.skill-box{flex-direction:column!important;flex-wrap:wrap;display:flex!important;padding-left:15px;width:90%!important}.info-content>.skill-box{align-items:stretch!important;padding-left:10px!important}.name,.lastName{margin:0;font-size:14px!important}.sidebar-skill{padding:6px 10px!important;border-radius:10px!important;font-size:10px!important;font-weight:700!important;text-align:center!important}.info_more-btn{position:absolute;right:0;top:-40px;color:#a276ff;border:1px solid #383838;transition:all .3s ease-in-out;padding:5px 15px;border-radius:0 0 10px 10px}.info_more-btn>span{display:none}.info_more-btn .icon{transition:all 1s ease}.info_more-btn.active .icon{transform:rotate(180deg)}.info_more-btn:hover{background:linear-gradient(to bottom right,#a276ff,#1e1e1f 50%);color:#fff}.contact-item{min-width:100px!important}.main-content{width:85%;margin-bottom:100px!important;padding-left:5%!important;padding-right:5%!important}.contact-info-list{flex-direction:column!important}.contactItemsMobile{display:flex;flex-direction:column;width:100%}.navbar{position:fixed!important;top:inherit!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:100%!important;height:fit-content!important;border-radius:20px 20px 0 0!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex!important;align-items:center;justify-content:center;padding:0!important}.certificateContainer{scale:.9;padding:5px 5px 0!important;width:100%!important;height:70%!important;overflow:hidden}.certificatePNGMobile{width:95%!important}.badgeMainContainer{display:flex;justify-content:flex-start!important;overflow-y:hidden;gap:10px}.closeModalDiv{position:static!important;margin-bottom:10px;top:0!important}.closeModalBTN{top:10px!important;right:10px!important;color:#ff3939}.DownloadCertificateBTN{margin-bottom:10px}.navbar-menu{gap:5px!important;margin-bottom:25px;padding:0!important}li.menu-item>a>button{font-size:15px!important;height:35px}.tagsContainer,.technicalTagsContainer{justify-content:center}}@media (min-width: 580px){.info_more-btn .icon{display:none}}#root{max-width:auto;margin:0 auto}html,body{background-color:#161616;height:100%;margin:0;padding:0;box-sizing:border-box;color:#fff}.underDevelopment{position:fixed;background-color:#1b1b1b;height:100vh;width:100vw;z-index:2000;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}main{min-width:259px}.resume .content-title{margin-bottom:20px;padding-bottom:20px}.content-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:5px;border-radius:3px}.resumeCategory-section{background-color:#242425;padding:10px 10px 10px 20px;border-radius:25px;margin-bottom:20px;box-shadow:inset 0 5px 5px #525252,0 5px 10px #0f0f0f}.noBulletsPoints{list-style:none}.technicalTagsContainer{width:100%;margin-bottom:17px;display:flex;column-gap:5px;row-gap:2px;overflow:hidden;flex-wrap:wrap}.technicalTag{background-color:#2b2b2c;color:#e5e5e5;font-size:13px;padding:7px 10px;border-radius:10px;font-weight:700;cursor:pointer}.personalTagsContainer{width:90%;padding-left:25px;overflow:hidden;flex-wrap:wrap}.tagsContainer{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;row-gap:5px;overflow:hidden}.personalTag{background-color:#2b2b2c;color:#e5e5e5;font-size:13px;padding:7px 10px;border-radius:10px;font-weight:700;cursor:pointer;text-align:center}.technicalTag:hover,.personalTag:hover{color:#a276ff}.technicalTag p,.personalTag p{margin:0}header{display:block;unicode-bidi:isolate}.aboutME{font-size:20px}.about .content-title{margin-bottom:20px;padding-bottom:20px}.badgeCertificateContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.badgeMainContainer{display:flex;justify-content:center;overflow-y:hidden;gap:10px}.badgeInnerContainer{display:flex;justify-content:center;align-items:center;padding:10px}.badgeIMG{border-radius:100px;width:130px;cursor:pointer;transition:all .3s ease-in-out}.badgeIMG:hover{transform:scale(1.1);filter:brightness(1.1);box-shadow:0 5px 15px #0000004d}.certificateModal{background-color:#000000b7;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;animation:fadeIn .5s ease-in-out}.certificateContainer{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;height:700px;width:700px;background-color:#1a1a1a;color:#fff;padding:20px 40px;border-radius:20px;box-shadow:5px 10px 6px #000000a8;z-index:1000;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:20px}.certificatePNGMobile{width:100%;height:80%}.DownloadCertificateBTN{color:#fff;text-decoration:none;background-color:#342761;padding:10px 20px;border-radius:10px;font-weight:700}.closeModalDiv{width:100%;height:40px;position:absolute;top:0}.closeModalBTN{cursor:pointer;font-size:40px;position:absolute;top:15px;right:20px;transition:all .5s ease-in-out}.closeModalBTN:hover{color:#ff6e6e}.personalInterestsListContainer{display:flex;gap:10px;overflow:hidden;flex-wrap:wrap;justify-content:center}.personalInterest{background-color:#242425;text-align:center;margin:5px;padding:35px 45px;font-size:20px;border-radius:20px;box-shadow:inset 0 5px 5px #525252,0 5px 10px #0f0f0f}.EducationListContainer{display:flex;justify-content:center;gap:0px;flex-wrap:wrap}.educationDiv{background-color:#242425;margin:10px;font-size:20px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:25px 45px;border-radius:20px;box-shadow:inset 0 5px 5px #525252,0 5px 10px #0f0f0f;width:300px}.educationTitle{font-size:25px;margin-bottom:15px;font-weight:700}.education{color:#e5e5e5}aside{max-height:max-content;height:100%;width:220px;position:sticky;top:20px;z-index:1;transition:all 1s ease-in-out;overflow:hidden;display:flex;flex-direction:column;align-items:center;background-color:#1e1e1f;border-radius:20px;border:1px solid #383838;padding:30px 30px 10px;margin-bottom:30px}.profile-photo{width:150px;border-radius:30px}.info-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.name{font-weight:700;font-size:25px;text-align:center;margin-bottom:0}.lastName{font-size:23px;margin-top:0}.skill-box{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.sidebar-skill{background-color:#2b2b2c;color:#fff;margin:5px;padding:10px 20px;border-radius:10px;font-size:15px;font-weight:700;text-align:center}.sidebar-more-info{opacity:1;visibility:visible;width:100%;transition:all .5s ease-in-out}.separator{background-color:#383838;width:100%;height:1px}.contact-info-list{padding:0 0 10px;margin-top:40px;max-width:100%;overflow:hidden;display:flex;flex-direction:column;gap:30px}.contactItemsMobile{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:16px}.icon-box{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;background:linear-gradient(to bottom right,#404040,#40404000 50%);box-shadow:0 5px 10px #0000004f;border-radius:10px;color:#a276ff}.contact-info{display:flex;flex-direction:column;gap:10px;flex:1;overflow:hidden}.contact-title{margin:0;font-weight:700;font-size:12px;color:#979797}.contact-link{display:block;color:#e0e0e0;text-decoration:none;overflow:hidden;text-overflow:ellipsis}.smart-image-wrap{position:relative;width:100%;height:180px;overflow:hidden;background:#1f1f1f}.smart-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.02);transition:opacity .35s ease,transform .45s ease}.smart-image.is-loaded{opacity:1;transform:scale(1)}.smart-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#202020,#303030 45%,#3a3a3a,#303030 55%,#202020);background-size:220% 100%;animation:smartImageShimmer 1.2s ease-in-out infinite}@keyframes smartImageShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.main-content{background-color:#1e1e1f;border-radius:20px;border:1px solid #383838;padding:30px;position:relative;transition:all 1s ease-in-out}.navbar{background:#2b2b2cbf;position:absolute;bottom:auto;top:0;left:auto;right:0;width:max-content;border:1px solid #383838;border-radius:0 20px;padding:0 20px;box-shadow:0 16px 30px #00000020;z-index:10}.navbar-menu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 20px;gap:30px}.navbar-link{font-size:20px;font-weight:700;padding:6px 9px;transition:all .25s ease}.navbar-link:hover{color:#9c9c9c}.navbar-link.active{color:#a276ff}button{font:inherit;background:none;border:none;text-align:center;cursor:pointer;color:#ccc}.portfolio .content-title{margin-bottom:20px;padding-bottom:20px}.portfolioContainer{text-align:center}.portfolioContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:2rem;padding:1rem}.portfolioItem{background:#1e1e1e;border-radius:12px;overflow:hidden;transition:transform .3s ease;box-shadow:0 8px 20px #0000004d}.portfolioItem:hover{transform:translateY(-6px)}.portfolioImageWrapper{position:relative;overflow:hidden;border-bottom:1px solid #333}.portfolioImageWrapper img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s ease}.portfolioItem:hover img{transform:scale(1.05)}.hoverOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000008c;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.portfolioItem:hover .hoverOverlay{opacity:1}.viewIcon{font-size:2rem;color:#ffd369;text-decoration:none;background:#ffffff1a;padding:.5rem 1rem;border-radius:50px;transition:transform .2s ease}.viewIcon:hover{transform:scale(1.2)}.portfolioMeta{padding:1rem;color:#fff;text-align:center}.portfolioMeta h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.portfolioMeta p{margin:.5rem 0 0;font-size:.9rem;color:#ccc;overflow-wrap:anywhere;white-space:break-spaces}.portfolioCategories button.active{background:#8a2be2;color:#fff}.gallery .content-title{margin-bottom:20px;padding-bottom:20px}.content-title{margin:0;position:relative;font-size:32px}.content-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:5px;background:#6f00ff;border-radius:3px}.h2,.h3,.h4,.h5{text-transform:capitalize}.galleryContainer{text-align:center}.contact-form{max-width:600px;margin:0 auto;padding:20px}.field{margin-bottom:20px}.field label{display:block;margin-bottom:5px;font-weight:500}.field input,.field textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:16px}.field textarea{height:150px;resize:vertical}.send-email{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%}.send-email:hover{background-color:#0056b3}.send-email:disabled{background-color:#ccc;cursor:not-allowed}.success-modal{position:fixed;top:50%;left:50%;height:300px;width:400px;transform:translate(-50%,-50%);background-color:#1a1a1a;color:#fff;padding:20px 40px;border-radius:20px;box-shadow:5px 10px 6px #000000a8;z-index:1000;animation:fadeIn .3s ease-in-out;display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px}.success-modal svg{color:#4caf50}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000008e;z-index:999;animation:all .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visit-log-page{padding:2rem;color:#fff;max-width:95%;margin:auto}.visit-log-page h2{font-size:28px;margin-bottom:20px}.visit-log-table{width:100%;border-collapse:collapse;margin-bottom:2rem;font-size:.9rem;background:#1a1a1a}.visit-log-table th,.visit-log-table td{padding:10px;border:1px solid #444;text-align:left}.visit-log-table th{background-color:#333;font-weight:700;color:#eee}.visit-log-table tr:nth-child(2n){background-color:#222}.clear-btn{padding:10px 20px;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:20px}.error{color:red;margin-bottom:1rem}.container{background-color:#242424;height:100px;width:600px;position:fixed;top:20px;right:10px;z-index:999;border:1px solid white;padding:10px 20px;border-radius:10px;opacity:0;transform:translateY(-50px);transition:all .7s ease-in-out}.messageContent{height:100%;position:relative;display:flex;justify-content:center;align-items:center}.messageText{padding-right:7px}.closeMessage{background-color:#6f00ff;padding:7px 10px;border-radius:5px;align-self:flex-start;cursor:pointer;transition:all .3s ease-in-out}.closeMessage:hover{background-color:#a25bff}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(-50px);pointer-events:none}