.sidebar,.options,article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;padding:15px;box-shadow:var(--shadow-1);transition:var(--transition-2);z-index:1}.separator{width:100%;height:1px;background:var(--jet);margin:16px 0}.icon-box{position:relative;background:var(--border-gradient-onyx);width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:16px;color:var(--orange-yellow-crayola);box-shadow:var(--shadow-1);z-index:1}.icon-box:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--eerie-black-1);border-radius:inherit;z-index:-1}.icon-box i{--ionicon-stroke-width: 35px}article{display:none}article.active{display:block;animation:fade .5s ease backwards}@keyframes fade{0%{opacity:0}to{opacity:1}}.h2,.h3,.h4,.h5{color:var(--white-2);text-transform:capitalize}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.h5{font-size:var(--fs-7);font-weight:var(--fw-500)}.article-title{position:relative;padding-bottom:7px}.article-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:var(--text-gradient-yellow);border-radius:3px}.has-scrollbar::-webkit-scrollbar{width:5px;height:5px}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px;cursor:pointer}.has-scrollbar::-webkit-scrollbar-button{width:20px}.content-card{position:relative;background:var(--border-gradient-onyx);padding:45px 15px 15px;border-radius:14px;box-shadow:var(--shadow-2);cursor:pointer;z-index:1}.content-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}main{margin:15px 12px 75px;min-width:259px}.aside-container{overflow:hidden;transition:var(--transition-2)}@media(min-width:580px){.sidebar,.options,article{width:520px;margin-inline:auto;padding:30px}.article-title{font-weight:var(--fw-600);padding-bottom:15px}.article-title:after{width:40px;height:5px}.icon-box{width:48px;height:48px;border-radius:12px;font-size:18px}main{margin-top:50px;margin-bottom:100px}}@media(min-width:768px){.sidebar,.options,article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}}@media(min-width:1024px){.sidebar,.options,article{width:950px;box-shadow:var(--shadow-5)}main{margin-bottom:60px}.main-content{position:relative;width:max-content;margin:auto}}@media(min-width:1250px){.sidebar,.options,article{width:auto}article{min-height:100%}main{max-width:1250px;margin-inline:auto;display:flex;justify-content:center;align-items:stretch;gap:25px}.aside-container{position:sticky;top:50px;margin-bottom:0;min-width:320px;max-height:max-content;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:25px;z-index:1}.main-content{min-width:75%;width:75%;margin:0}}.about .article-title{margin-bottom:15px}.about-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.about-text p{margin-bottom:15px}.service{margin-bottom:35px}.service-title{margin-bottom:20px}.service-list{display:grid;grid-template-columns:1fr;gap:20px}.service-item{position:relative;background:var(--border-gradient-onyx);padding:20px;border-radius:14px;box-shadow:var(--shadow-2);z-index:1}.service-item:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.service-icon-box{margin-bottom:10px}.service-icon-box img{margin:auto}.service-content-box{text-align:center}.service-item-title{margin-bottom:7px}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-3);line-height:1.6}.testimonials{margin-bottom:30px}.testimonials-title{margin-bottom:20px}.testimonials-list{display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;margin:0 -15px;padding:25px 15px 35px;overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.testimonials-item{min-width:100%;scroll-snap-align:center}.testimonials-avatar-box{position:absolute;top:0;left:0;transform:translate(15px,-25px);background:var(--bg-gradient-onyx);border-radius:14px;box-shadow:var(--shadow-1)}.testimonials-item-title{margin-bottom:7px}.testimonials-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow-y:auto;overscroll-behavior:contain;z-index:20;pointer-events:none;visibility:hidden}.modal-container::-webkit-scrollbar{display:none}.modal-container.active{pointer-events:all;visibility:visible}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0d0d0d;opacity:0;visibility:hidden;pointer-events:none;z-index:1;transition:var(--transition-1)}.overlay.active{opacity:.8;visibility:visible;pointer-events:all}.testimonials-modal{background:var(--eerie-black-2);position:relative;padding:15px;margin:15px 12px;border:1px solid var(--jet);border-radius:14px;box-shadow:var(--shadow-5);transform:scale(1.2);opacity:0;transition:var(--transition-1);z-index:2}.modal-container.active .testimonials-modal{transform:scale(1);opacity:1}.modal-close-btn{position:absolute;top:15px;right:15px;background:var(--onyx);border-radius:8px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;color:var(--white-2);font-size:18px;opacity:.7}.modal-close-btn:hover,.modal-close-btn:focus{opacity:1}.modal-close-btn i{--ionicon-stroke-width: 50px}.modal-avatar-box{background:var(--bg-gradient-onyx);width:max-content;border-radius:14px;margin-bottom:15px;box-shadow:var(--shadow-2)}.modal-img-wrapper>img{display:none}.modal-title{margin-bottom:4px}.modal-content time{font-size:var(--fs-6);color:var(--light-gray-70);font-weight:var(--fw-300);margin-bottom:10px}.modal-content p{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.clients{margin-bottom:15px}.clients-list{display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;margin:0 -15px;padding:25px;overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:25px}.clients-item{min-width:50%;scroll-snap-align:start}.clients-item img{width:100%;filter:grayscale(1);transition:var(--transition-1)}.clients-item img:hover{filter:grayscale(0)}@media(min-width:450px){.clients-item{min-width:calc(33.33% - 10px)}}@media(min-width:580px){.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.service-item{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;padding:30px}.service-icon-box{margin-bottom:0;margin-top:5px}.service-content-box{text-align:left}.testimonials-title{margin-bottom:25px}.testimonials-list{gap:30px;margin:0 -30px;padding:30px 30px 35px}.content-card{padding:25px 30px 30px}.testimonials-avatar-box{transform:translate(30px,-30px);border-radius:20px}.testimonials-avatar-box img{width:80px}.testimonials-item-title{margin-bottom:10px;margin-left:95px}.testimonials-text{line-clamp:2;-webkit-line-clamp:2}.modal-container{padding:20px}.testimonials-modal{display:flex;justify-content:flex-start;align-items:stretch;gap:25px;padding:30px;border-radius:20px}.modal-img-wrapper{display:flex;flex-direction:column;align-items:center}.modal-avatar-box{border-radius:18px;margin-bottom:0}.modal-avatar-box img{width:65px}.modal-img-wrapper>img{display:block;flex-grow:1;width:35px}.clients-list{gap:50px;margin:0 -30px;padding:45px;scroll-padding-inline:45px}.clients-item{min-width:calc(33.33% - 35px)}}@media(min-width:768px){.testimonials-modal{gap:35px;max-width:680px}.modal-avatar-box img{width:80px}}@media(min-width:1024px){.service-list{grid-template-columns:1fr 1fr;gap:20px 25px}.testimonials-item{min-width:calc(50% - 15px)}.clients-item{min-width:calc(25% - 38px)}}.blog-posts{margin-bottom:10px}.blog-posts-list{display:grid;grid-template-columns:1fr;gap:20px}.blog-post-item>a{position:relative;background:var(--border-gradient-onyx);height:100%;box-shadow:var(--shadow-4);border-radius:16px;z-index:1}.blog-post-item>a:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:var(--eerie-black-1);z-index:-1}.blog-banner-box{width:100%;height:200px;border-radius:12px;overflow:hidden}.blog-banner-box img{width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}.blog-post-item>a:hover .blog-banner-box img{transform:scale(1.1)}.blog-content{padding:15px}.blog-meta{display:flex;justify-content:flex-start;align-items:center;gap:7px;margin-bottom:10px}.blog-meta :is(.blog-category,.blog-date){color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.blog-meta .dot{background:var(--light-gray-70);width:4px;height:4px;border-radius:4px}.blog-item-title{margin-bottom:10px;line-height:1.3;transition:var(--transition-1)}.blog-post-item>a:hover .blog-item-title{color:var(--orange-yellow-crayola)}.blog-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}@media(min-width:450px){.blog-banner-box{height:auto}}@media(min-width:580px){.blog-banner-box{border-radius:16px}.blog-posts-list{gap:30px}.blog-content{padding:25px}}@media(min-width:768px){.blog-posts-list{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.blog-banner-box{height:230px}}.mapbox{position:relative;height:250px;width:100%;border-radius:16px;margin-bottom:30px;border:1px solid var(--jet);overflow:hidden}.mapbox figure{height:100%}.mapbox iframe{width:100%;height:100%;border:none;filter:grayscale(1) invert(1)}.contact-form{margin-bottom:10px}.form-title{margin-bottom:20px}.input-wrapper{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:25px}.form-input{color:var(--white-2);font-size:var(--fs-6);font-weight:var(--fw-400);padding:13px 20px;border:1px solid var(--jet);border-radius:14px;outline:none;transition:var(--transition-1)}.form-input::placeholder{font-weight:var(--fw-500)}.form-input:focus{border-color:var(--orange-yellow-crayola)}textarea.form-input{min-height:100px;height:120px;max-height:200px;resize:vertical;margin-bottom:25px}textarea.form-input::-webkit-resizer{display:none}.form-input:focus:invalid{border-color:var(--bittersweet-shimmer)}.form-btn{position:relative;width:100%;background:var(--border-gradient-onyx);color:var(--orange-yellow-crayola);display:flex;justify-content:center;align-items:center;gap:10px;padding:13px 20px;border-radius:14px;font-size:var(--fs-6);text-transform:capitalize;box-shadow:var(--shadow-3);z-index:1;transition:var(--transition-1)}.form-btn:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;transition:var(--transition-1)}.form-btn i{font-size:16px}.form-btn:hover{background:var(--bg-gradient-yellow-1)}.form-btn:hover:before{background:var(--bg-gradient-yellow-2)}.form-btn:disabled:hover{background:var(--border-gradient-onyx)}.form-btn:disabled:hover:before{background:var(--bg-gradient-jet)}@media(min-width:580px){.mapbox{height:380px;border-radius:18px}.input-wrapper{gap:30px;margin-bottom:30px}.form-input{padding:15px 20px}textarea.form-input{margin-bottom:30px}.form-btn{--fs-6: 16px;padding:16px 20px}.form-btn ion-icon{font-size:18px}}@media(min-width:768px){.input-wrapper{grid-template-columns:1fr 1fr}.form-btn{width:max-content;margin-left:auto}}.article-title,.timeline,.skills{margin-bottom:30px}.timeline .title-wrapper,.skills .title-wrapper,.technologies .title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:25px}.timeline-list{font-size:var(--fs-6);margin-left:45px}.timeline-list>.no-experience{margin-top:-20px;color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300)}.timeline-list>a.timeline-item .timeline-item-title{opacity:.6;transition:opacity .3s}.timeline-list>a.timeline-item:hover .timeline-item-title{opacity:1}.timeline-item{position:relative}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-title{display:flex;align-items:center;gap:15px;margin-bottom:7px}.timeline-title-course{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.course-row-1{display:flex;align-items:center;gap:10px}.course-row-1 img{background:var(--border-gradient-onyx);border:1px solid var(--jet);width:56px;height:28px;padding:4px 6px;object-fit:contain;border-radius:6px}.course-date{font-size:var(--fs-7);color:var(--vegas-gold);font-weight:var(--fw-400);min-width:75px;letter-spacing:.5px;display:inline-block}.course-row-2{display:flex;flex-direction:column;gap:2px;margin-left:0}.course-row-2 .timeline-item-title{font-size:var(--fs-6);line-height:1.3}.timeline-item-link{text-decoration:none;transition:all ease-in-out .3s}.timeline-item-link .timeline-item-subtitle{color:var(--light-gray-70);font-size:var(--fs-8);font-weight:var(--fw-300)}.timeline-item-link:hover .timeline-item-subtitle{color:var(--vegas-gold);font-weight:var(--fw-400);text-decoration:underline}.course-row-2 .timeline-item-subtitle{color:var(--light-gray-70);font-size:var(--fs-8);font-weight:var(--fw-300)}.timeline-item-title{font-size:var(--fs-6);line-height:1.3}.timeline-title>.dot{width:5px;height:5px;background:var(--light-gray-70);border-radius:50%}.timeline-title>.timeline-item-subtitle{color:var(--light-gray-70);font-size:var(--fs-8);font-weight:var(--fw-300)}.timeline-year,.timeline-place{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;font-size:var(--fs-7)}.timeline-year i{font-size:12px}.timeline-place{margin-bottom:6px}.timeline-list span,.timeline-list i{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-item:not(:last-child):before{content:"";position:absolute;top:-25px;left:-30px;width:1px;height:calc(100% + 50px);background:var(--jet)}.timeline-item:after{content:"";position:absolute;top:5px;left:-33px;height:6px;width:6px;background:var(--text-gradient-yellow);border-radius:50%;box-shadow:0 0 0 4px var(--jet)}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6}.professional-card{margin-top:8px;margin-right:8px;color:var(--light-gray);font-size:var(--fs-8);font-weight:var(--fw-300);display:inline-block}.professional-card-link{display:inline-block;margin-top:8px;color:var(--vegas-gold);font-size:var(--fs-8);font-weight:var(--fw-400);text-decoration:none}.timeline-text-list{margin-block:5px;margin-left:20px}.timeline-text-list-item{list-style-type:circle}.skills-list-experience{margin-top:12px;color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300);line-height:1.6;display:inline-block}.skills-list-experience strong{font-weight:var(--fw-600);margin-bottom:4px}.courses-toggle-btn{margin-top:18px;margin-left:45px;padding:0;border:none;background:none;display:inline-flex;align-items:center;gap:8px;color:var(--light-gray-70);font-size:var(--fs-5);font-weight:var(--fw-300);cursor:pointer;transition:var(--transition-1);border-bottom:1px solid var(--eerie-black-2)}.courses-toggle-btn:hover{color:var(--vegas-gold);border-bottom-color:var(--vegas-gold)}.courses-toggle-btn:active{color:var(--vegas-gold)}@media(min-width:580px){.timeline-list{margin-left:65px}.timeline-title-course{flex-direction:row;align-items:center;gap:18px}.course-row-1{gap:14px}.course-row-1 img{width:76px;height:32px;padding:6px 10px}.course-row-2{flex-direction:row;align-items:center;gap:10px;margin-left:0}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{height:8px;width:8px;left:-43px}.courses-toggle-btn{margin-left:65px}}@media(min-width:1250px){.timeline-text{max-width:700px}}.navbar{position:fixed;bottom:0;left:0;width:100%;background:var(--navbar-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--jet);border-radius:12px 12px 0 0;box-shadow:var(--shadow-2);z-index:5}.navbar-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 10px}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);padding:20px 7px;transition:color var(--transition-1)}.navbar-link:hover,.navbar-link:focus{color:var(--light-gray-70)}.navbar-link.active{color:var(--orange-yellow-crayola)}@media(min-width:580px){.navbar{border-radius:20px 20px 0 0}.navbar-list{gap:20px}.navbar-link{--fs-8: 14px}}@media(min-width:768px){.navbar-link{--fs-8: 15px}}@media(min-width:1024px){.navbar{position:absolute;bottom:auto;top:0;left:auto;right:0;width:max-content;border-radius:0 20px;padding:0 20px;box-shadow:none}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-weight:var(--fw-500)}}.options{margin:15px auto;max-height:112px;overflow:hidden;transition:var(--transition-2);display:flex;align-items:center;gap:35px}.options .icon-box{width:45px;height:45px}.theme-switch{display:flex;justify-content:center;align-items:center;margin-inline-start:auto;margin:10px 0;transition:var(--transition-1)}.options .icon-box i{font-size:22px;transition:var(--transition-1)}.option .icon-box i.active{display:block}.options .icon-box i:not(.active){display:none}.options .icon-box:before{transition:var(--transition-1)}.options .filter-select-box{width:50%;margin:0;position:absolute;z-index:2;right:30px}.options .select-item{cursor:pointer}@media(hover:hover){.theme-switch:hover,.options .icon-box:hover:before{background:var(--text-gradient-yellow)}.theme-switch:hover i{color:var(--jet)}}@media(min-width:580px){.options{max-height:180px;margin:30px auto;justify-content:space-between}}@media(min-width:768px){.options{gap:70px}.options .filter-list{margin:0}}@media(min-width:1250px){.options{width:100%;max-height:90px;padding:0 30px;margin-top:0;margin-bottom:0;flex-direction:row;justify-content:space-between;align-items:center;z-index:1}}.call-to-action{padding:10px 0;margin-bottom:20px;display:flex;flex-direction:column;gap:15px}.call-text-container{display:flex;flex-direction:column}.call-text{color:var(--light-gray);font-size:var(--fs-5);font-weight:var(--fw-300)}.call-social-container{display:flex;gap:15px}.button-social{border:2px solid var(--jet);color:var(--light-gray);font-size:var(--fs-5);font-weight:var(--fw-400);padding:10px 25px;border-radius:8px;transition:var(--transition-1)}.filter-list{display:none}.filter-select-box{position:relative;margin-bottom:25px}.filter-select{background:var(--eerie-black-2);color:var(--light-gray);display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:1px solid var(--jet);border-radius:14px;font-size:var(--fs-6);font-weight:var(--fw-300)}.filter-select.active .select-icon{transform:rotate(.5turn)}.select-list{background:var(--eerie-black-2);position:absolute;top:calc(100% + 6px);width:100%;padding:6px;border:1px solid var(--jet);border-radius:14px;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:.15s ease-in-out}.filter-select.active+.select-list{opacity:1;visibility:visible;pointer-events:all}.select-item button{background:var(--eerie-black-2);color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);text-transform:capitalize;width:100%;padding:8px 10px;border-radius:8px}.select-item button:hover{--eerie-black-2: hsl(240, 2%, 20%)}.project-list{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:10px}.project-item{display:none}.project-item.active{display:block;animation:scaleUp .25s ease forwards}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.project-item>.project-item-container{width:100%}.project-img{position:relative;width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:15px}.project-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1;transition:var(--transition-1)}.project-item>.project-item-container:hover .project-img:before{background:#00000080}.project-item-icon-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:20px;z-index:1}.project-item-icon-box{--scale: .8;background:var(--jet);color:var(--orange-yellow-crayola);font-size:20px;padding:10px 16px;border-radius:12px;opacity:0;transition:var(--transition-1)}.project-item>.project-item-container:hover .project-item-icon-box{--scale: 1;opacity:1}.project-item-icon-container a{transition:var(--transition-1)}.project-item-icon-container a:hover .project-item-icon-box{background:var(--orange-yellow-crayola)}.project-item-icon-container a:hover .project-item-icon-box i{color:var(--jet)}.project-item-icon-box i{--ionicon-stroke-width: 50px;font-size:15px}.project-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}.project-item>.project-item-container:hover img{transform:scale(1.1)}.project-item>.project-item-container:hover .project-title{color:var(--orange-yellow-crayola)}.project-header,.project-description,.project-category-container{margin-left:5px}.project-header{display:grid;grid-template-columns:repeat(3,auto);align-items:center;gap:10px;margin-bottom:5px}.project-title{color:var(--white-2);font-size:var(--fs-4);font-weight:var(--fw-600);line-height:1.3;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:var(--transition-1)}.dot{width:4px;height:4px;border-radius:50%;background:var(--light-gray-70)}.project-date{color:var(--light-gray-70);font-size:9px;font-weight:var(--fw-300);flex-shrink:0}.project-description{color:var(--light-gray);font-size:var(--fs-8);font-weight:var(--fw-300);line-height:1.3;margin-bottom:10px}.project-category-container{display:flex;flex-wrap:wrap;gap:8px}.project-category{display:inline;padding:2px 8px;border-radius:10px;background:var(--text-gradient-yellow);color:var(--onyx);font-size:9px;font-weight:var(--fw-500)}.full-resume,.archive-projects{display:flex;justify-content:flex-end;align-items:flex-end;padding:10px 0}.archive-projects .archive-btn,.full-resume .resume-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;color:var(--light-gray-70);font-size:var(--fs-5);font-weight:var(--fw-300);cursor:pointer;transition:var(--transition-1)}.full-resume>.resume-btn>.resume-text,.archive-projects>.archive-btn>.archive-text{border-bottom:1px solid var(--eerie-black-2);transition:var(--transition-1)}.archive-modal{background:var(--eerie-black-2);position:relative;width:90%;height:90%;padding:15px 25px;border:1px solid var(--jet);border-radius:14px;box-shadow:var(--shadow-5);transform:scale(1.2);opacity:0;transition:var(--transition-1);overflow:auto;border-collapse:collapse;z-index:3}.archive-modal::-webkit-scrollbar{background:transparent;width:0px}.modal-container.active .archive-modal{transform:scale(1);opacity:1}.archive-modal>.modal-close-btn{position:absolute;top:15px;right:15px;background:var(--onyx);border-radius:8px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;color:var(--white-2);font-size:18px;opacity:.7;z-index:4}.archive-modal>.modal-close-btn:hover,.archive-modal>.modal-close-btn:focus{opacity:1}.table-archive-container{display:flex;position:relative}.archive-container{display:flex;flex-direction:column;width:100%;overflow:auto;text-align:left;border-collapse:collapse}.archive-container tr{display:flex;width:100%}.archive-container tr:last-child td{border-bottom:none}.archive-container td{display:flex;align-items:center}.archive-container th,.archive-container td{padding:15px 0;border-bottom:1px solid var(--jet);text-align:left}.archive-container th{background:var(--eerie-black-2);color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-600)}.archive-container th:nth-child(1),.archive-container td:nth-child(1){width:15%}.archive-container th:nth-child(2),.archive-container td:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-right:10px}.name-project{color:var(--white-2);font-weight:var(--fw-600);font-size:var(--fs-7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.archive-container td:nth-child(4) ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-right:20px}.archive-container td:nth-child(4) ul .technologies{display:inline;padding:2px 8px;border-radius:10px;background:var(--text-gradient-yellow);color:var(--onyx);font-size:9px;font-weight:var(--fw-600)}.archive-container th:nth-child(5),.archive-container td:nth-child(5){width:30%}.archive-container td{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.archive-container td.archive-hidden,.archive-hidden{display:none}.archive-link-container{display:flex;justify-content:flex-start;align-items:center;gap:10px}.archive-link i{color:var(--light-gray);font-size:var(--fs-7);cursor:pointer;transition:var(--transition-1)}.archive-link i:hover{color:var(--orange-yellow-crayola)}@media(hover:hover){.button-social:hover{background:var(--text-gradient-yellow);color:var(--eerie-black-2)}.full-resume .resume-btn:hover,.archive-projects .archive-btn:hover{color:var(--orange-yellow-crayola);gap:20px}.full-resume>.resume-btn:hover>.resume-text,.archive-projects>.archive-btn:hover>.archive-text{border-bottom:1px solid var(--orange-yellow-crayola)}}@media(min-width:450px){.project-img{height:auto}}@media(min-width:580px){.project-img{border-radius:16px}}@media(min-width:768px){.article-title{padding-bottom:20px}.call-to-action{flex-direction:row;justify-content:space-between;align-items:center}.filter-select-box{display:none}.filter-list{display:flex;justify-content:flex-start;align-items:center;gap:25px;padding-left:5px;margin-bottom:30px}.filter-item button{color:var(--light-gray);font-size:var(--fs-5);transition:var(--transition-1)}.filter-item button:hover{color:var(--light-gray-70)}.filter-item button.active{color:var(--orange-yellow-crayola)}.project-list{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.project-img{height:170px}.project-list{grid-template-columns:repeat(3,1fr)}.archive-modal{max-width:1280px;height:95%}.archive-container td.archive-hidden,.archive-hidden{display:flex}.archive-container th:nth-child(1),.archive-container td:nth-child(1){width:5%}.archive-container th:nth-child(2),.archive-container td:nth-child(2){width:38%}.archive-container th:nth-child(3),.archive-container td:nth-child(3){width:17%}.archive-container th:nth-child(4),.archive-container td:nth-child(4){width:28%}.archive-container th:nth-child(5),.archive-container td:nth-child(5){width:10%}.archive-link-container{gap:20px}.archive-link i{font-size:var(--fs-6)}}.resources-list{display:flex;flex-direction:column}.resource-folder{overflow:hidden;background:var(--bg-gradient-jet);border-bottom:1px solid var(--border-gradient-jet);opacity:.8;transition:var(--transition-1)}.resource-folder:nth-child(1){border-radius:18px 18px 0 0}.resource-folder:last-child{border-radius:0 0 18px 18px}.resource-folder:not(:last-child){border-bottom:none}.resource-folder:hover,.resource-folder.open{opacity:1;filter:brightness(1.2)}.folder-row{display:flex;align-items:space-between;flex-direction:column;width:100%;padding:12px 16px;gap:4px;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer}.folder-header{display:flex;align-items:center;width:100%;gap:4px}.folder-icon i{width:20px;height:14px;object-fit:contain;color:var(--orange-yellow-crayola)}.folder-name{flex:1 1 auto;font-weight:600;color:var(--light-gray-70, var(--light-gray))}.folder-count{font-size:var(--fs-4);color:var(--light-gray)}.folder-contents{max-height:0;overflow:hidden;transition:max-height .22s ease,padding .18s ease;padding:0 16px}.folder-contents.visible{max-height:400px;margin-bottom:12px}.resource-description{font-size:var(--fs-7);color:var(--light-gray-70)}.resource-files{list-style:none;padding:0;display:flex;flex-direction:column;margin:0 0 0 16px}.file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:var(--fs-7);color:var(--light-gray-70)}.file-icon{width:20px;height:20px;object-fit:contain}.file-link{color:inherit;text-decoration:none}.file-link:hover{text-decoration:underline;color:var(--orange-yellow-crayola)}@media(max-width:640px){.folder-row{padding:10px 12px}.folder-contents.visible{padding:10px 12px 12px}}.sidebar{margin-bottom:15px;max-height:112px;overflow:hidden;transition:var(--transition-2)}.sidebar.active{max-height:405px}.sidebar-info{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:15px}.avatar-box{background:var(--bg-gradient-onyx);border-radius:20px}.avatar-box img{width:82px}.avatar-box .hover-flex,.avatar-box:hover .hover-hidden{display:none}.avatar-box:hover .hover-flex{display:flex}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:8px}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);width:max-content;padding:3px 12px;border-radius:8px}.info-content .availability-container{margin-top:5px;display:flex;align-items:center;width:max-content;border:2px solid var(--jet);border-radius:8px;padding:3px 12px;gap:10px}.availability-container .availability-status{position:relative;box-sizing:content-box;width:8px;height:8px;border-radius:8px;border-image:initial;background:#4db157}.availability-container .availability-status:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;animation:1.5s ease 0s infinite normal none running twinkle;box-shadow:0 0 #4db157}.availability-status.offline{background:var(--bittersweet-shimmer)}.availability-status.offline:after{animation:none}.availability-status.limited{background:var(--orange-yellow-crayola)}.availability-status.limited:after{animation:3s ease 0s infinite normal none running twinkle-limited;box-shadow:0 0 0 0 var(--orange-yellow-crayola)}.availability-container .availability-title{color:var(--white-1);font-size:var(--fs-8);font-weight:var(--fw-300)}.info_more-btn{position:absolute;top:-15px;right:-15px;border-radius:0 15px;font-size:13px;color:var(--orange-yellow-crayola);background:var(--border-gradient-onyx);padding:10px;box-shadow:var(--shadow-2);transition:var(--transition-1);z-index:1}.info_more-btn:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:var(--bg-gradient-jet);transition:var(--transition-1);z-index:-1}.info_more-btn span{display:none}.sidebar-info_more{opacity:0;visibility:hidden;transition:var(--transition-2)}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible}.contacts-list{display:grid;grid-template-columns:1fr;gap:16px}.contact-item{min-width:100%;display:flex;align-items:center;gap:16px}.contact-info{max-width:calc(100% - 46px);width:calc(100% - 46px)}.contact-title{color:var(--light-gray-70);font-size:var(--fs-8);text-transform:uppercase;margin-bottom:2px}.contact-info :is(.contact-link,time,address){color:var(--white-2);font-size:var(--fs-7)}.contact-info address{font-style:normal}.social-list{display:flex;justify-content:flex-start;align-items:center;gap:20px;padding-bottom:4px;padding-left:7px}.social-item .social-link{color:var(--light-gray-70);font-size:15px}@keyframes twinkle{0%{transform:scale(.95);box-shadow:0 0 #4db157e6}50%{transform:scale(1);box-shadow:0 0 0 4px #4db15700}to{transform:scale(.95);box-shadow:0 0 #4db15700}}@keyframes twinkle-limited{0%{transform:scale(.95);box-shadow:0 0 #ffcc00e6}50%{transform:scale(1);box-shadow:0 0 0 4px #fc00}to{transform:scale(.95);box-shadow:0 0 #fc00}}@media(hover:hover){.info_more-btn:hover,.info_more-btn:focus{background:var(--bg-gradient-yellow-1)}.info_more-btn:hover:before,.info_more-btn:focus:before{background:var(--bg-gradient-yellow-2)}.social-item .social-link:hover{color:var(--light-gray)}}@media(min-width:580px){.sidebar{max-height:180px;margin-bottom:30px}.sidebar.active{max-height:584px}.sidebar-info{gap:25px}.avatar-box{border-radius:30px}.avatar-box img{width:120px}.info-content .name{margin-bottom:15px}.info-content .availability-container,.info-content .title{padding:5px 18px}.info-content .availability-container{margin:10px 0}.info_more-btn{top:-30px;right:-30px;padding:10px 15px}.info_more-btn span{display:block;font-size:var(--fs-8)}.info_more-btn i{display:none}.separator{margin:32px 0}.contacts-list{gap:20px}.contact-info{max-width:calc(100% - 64px);width:calc(100% - 64px)}}@media(min-width:768px){.contacts-list{grid-template-columns:1fr 1fr;gap:30px 15px}}@media(min-width:1250px){.sidebar{max-height:max-content;padding-top:40px;margin-bottom:0}.sidebar-info{flex-direction:column}.avatar-box img{width:150px}.info-content .name{white-space:nowrap;text-align:center;margin-bottom:20px}.info-content .title{margin:auto auto 10px}.info-content .availability-container{margin:auto}.info_more-btn{display:none}.sidebar-info_more{opacity:1;visibility:visible}.contacts-list{grid-template-columns:1fr}.contact-info :is(.contact-link){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info :is(.contact-link,time,address){--fs-7: 14px;font-weight:var(--fw-300)}.separator:last-of-type{margin:15px 0;opacity:0}.social-list{justify-content:center}.social-item .social-link{font-size:25px}}.article-title{margin-bottom:30px}.skills-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6;margin-block:-15px 25px}.skills-list{display:grid;grid-template-columns:1fr;gap:20px}.skills-item{position:relative;background:var(--border-gradient-onyx);padding:20px;border-radius:14px;box-shadow:var(--shadow-2);z-index:1;transition:background-color .3s}.skills-item:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.card-link i{position:absolute;width:32px;height:32px;top:12px;right:12px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--white-1);border:1px solid var(--white-1);background:transparent;border-radius:50%;transition:color .3s,border-color .3s,background .3s,opacity .3s;opacity:.6;z-index:2}.skills-icon-box{margin-bottom:10px}.skills-icon-box img{width:50px;height:50px;margin:auto;filter:grayscale(100%);transition:border-color .3s,filter .3s}.skills-content-box{text-align:center}.skills-item-title{margin-bottom:7px}.skills-item-text{color:var(--light-gray);font-size:var(--fs-8);font-weight:var(--fw-3);line-height:1.6}.skills-item:hover{background-color:var(--vegas-gold)}.skills-item:hover .card-link i{background:var(--white-1);color:var(--onyx);opacity:1}.skills-item:hover .skills-icon-box img{filter:none}.full-resume{margin-top:20px;padding:0}.technologies .title-wrapper{margin-bottom:0}.technologies-list{display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;margin:0 -25px;padding:25px;overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:25px}.technologies-item{min-width:50%;scroll-snap-align:start}.tech-tooltip-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.technologies-item .tech-tooltip-container img{display:block;margin:0 auto;height:60px;width:60px;filter:grayscale(1);transition:var(--transition-1)}.technologies-item .tech-tooltip-container:hover img{filter:grayscale(0)}.tech-tooltip{display:none;visibility:hidden;opacity:0;width:max-content;background:var(--onyx);color:var(--white-1);text-align:center;border-radius:6px;padding:6px 12px;position:absolute;z-index:10;left:50%;bottom:115%;transform:translate(-50%);font-size:.95em;font-weight:400;pointer-events:none;transition:opacity .2s,visibility .2s;box-shadow:0 2px 8px #00000026}.tech-tooltip-container:hover .tech-tooltip,.tech-tooltip-container:focus-within .tech-tooltip{visibility:visible;opacity:1}@media(min-width:450px){.technologies-item{min-width:calc(33.33% - 10px)}}@media(min-width:580px){.skills-item{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;padding:30px}.skills-icon-box{margin-bottom:0;margin-top:5px}.skills-content-box{text-align:left}.technologies-list{margin:0 -30px;padding:55px;scroll-padding-inline:45px}.technologies-item{min-width:calc(33.33% - 35px)}}@media(min-width:1024px){.skills-list{grid-template-columns:1fr 1fr;gap:20px 25px}.technologies-item{min-width:calc(25% - 38px)}.tech-tooltip{display:block}}:root{--dark-bg-gradient-onyx: linear-gradient(to bottom right, hsl(240, 1%, 25%) 3%, hsl(0, 0%, 19%) 97%);--dark-bg-gradient-jet: linear-gradient(to bottom right, hsla(240, 1%, 18%, .251) 0%, hsla(240, 2%, 11%, 0) 100%), hsl(240, 2%, 13%);--dark-bg-gradient-yellow-1: linear-gradient(to bottom right, hsl(45, 100%, 71%) 0%, hsla(36, 100%, 69%, 0) 50%);--dark-bg-gradient-yellow-2: linear-gradient(135deg, hsla(45, 100%, 71%, .251) 0%, hsla(35, 100%, 68%, 0) 59.86%), hsl(240, 2%, 13%);--dark-border-gradient-onyx: linear-gradient(to bottom right, hsl(0, 0%, 25%) 0%, hsla(0, 0%, 25%, 0) 50%);--dark-text-gradient-yellow: linear-gradient(to right, hsl(45, 100%, 72%), hsl(35, 100%, 68%));--dark-jet: hsl(0, 0%, 22%);--dark-onyx: hsl(240, 1%, 17%);--dark-eerie-black-1: hsl(240, 2%, 13%);--dark-eerie-black-2: hsl(240, 2%, 12%);--dark-smoky-black: hsl(0, 0%, 7%);--dark-white-1: hsl(0, 0%, 100%);--dark-white-2: hsl(0, 0%, 98%);--dark-orange-yellow-crayola: hsl(45, 100%, 72%);--dark-vegas-gold: hsl(45, 54%, 58%);--dark-light-gray: hsl(0, 0%, 84%);--dark-light-gray-70: hsla(0, 0%, 84%, .7);--dark-bittersweet-shimmer: hsl(0, 43%, 51%);--dark-navbar: hsla(240, 1%, 17%, .75);--dark-green: rgb(163 230 53);--light-bg-gradient-onyx: linear-gradient(to bottom right, hsl(240, 1%, 75%) 3%, hsl(0, 0%, 81%) 97%);--light-bg-gradient-jet: linear-gradient(to bottom right, hsla(240, 1%, 88%, .251) 0%, hsla(240, 2%, 91%, 0) 100%), hsl(240, 2%, 87%);--light-bg-gradient-yellow-1: linear-gradient(to bottom right, hsl(45, 100%, 51%) 0%, hsla(36, 100%, 69%, 0) 50%);--light-bg-gradient-yellow-2: linear-gradient(135deg, hsla(45, 100%, 51%, .251) 0%, hsla(35, 100%, 68%, 0) 59.86%), hsl(240, 2%, 87%);--light-border-gradient-onyx: linear-gradient(to bottom right, hsl(0, 0%, 75%) 0%, hsla(0, 0%, 75%, 0) 50%);--light-text-gradient-yellow: linear-gradient(to right, hsl(45, 100%, 42%), hsl(35, 100%, 38%));--light-jet: hsl(0, 0%, 82%);--light-onyx: hsl(240, 1%, 77%);--light-eerie-black-1: hsl(240, 2%, 83%);--light-eerie-black-2: hsl(240, 2%, 88%);--light-smoky-black: hsl(0, 0%, 97%);--light-white-1: hsl(0, 0%, 0%);--light-white-2: hsl(0, 0%, 2%);--light-orange-yellow-crayola: hsl(45, 100%, 42%);--light-vegas-gold: hsl(45, 54%, 58%);--light-light-gray: hsl(0, 0%, 44%);--light-light-gray-70: hsla(0, 0%, 44%, .7);--light-bittersweet-shimmer: hsl(0, 43%, 21%);--light-navbar: hsla(240, 1%, 85%, .75);--light-green: rgb(94, 135, 28);--ff-poppins: "Poppins", sans-serif;--fs-1: 24px;--fs-2: 18px;--fs-3: 17px;--fs-4: 16px;--fs-5: 15px;--fs-6: 14px;--fs-7: 13px;--fs-8: 11px;--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--lh-1: 1.5;--lh-2: 1.6;--lh-3: 1.7;--shadow-1: -4px 8px 24px hsla(0, 0%, 0%, .25);--shadow-2: 0 16px 30px hsla(0, 0%, 0%, .25);--shadow-3: 0 16px 40px hsla(0, 0%, 0%, .25);--shadow-4: 0 25px 50px hsla(0, 0%, 0%, .15);--shadow-5: 0 24px 80px hsla(0, 0%, 0%, .25);--transition-1: .25s ease;--transition-2: .5s ease-in-out}[data-theme=dark]{color-scheme:dark;--bg-gradient-onyx: var(--dark-bg-gradient-onyx);--bg-gradient-jet: var(--dark-bg-gradient-jet);--bg-gradient-yellow-1: var(--dark-bg-gradient-yellow-1);--bg-gradient-yellow-2: var(--dark-bg-gradient-yellow-2);--border-gradient-onyx: var(--dark-border-gradient-onyx);--text-gradient-yellow: var(--dark-text-gradient-yellow);--jet: var(--dark-jet);--onyx: var(--dark-onyx);--eerie-black-1: var(--dark-eerie-black-1);--eerie-black-2: var(--dark-eerie-black-2);--smoky-black: var(--dark-smoky-black);--white-1: var(--dark-white-1);--white-2: var(--dark-white-2);--orange-yellow-crayola: var(--dark-orange-yellow-crayola);--vegas-gold: var(--dark-vegas-gold);--light-gray: var(--dark-light-gray);--light-gray-70: var(--dark-light-gray-70);--bittersweet-shimmer: var(--dark-bittersweet-shimmer);--navbar-color: var(--dark-navbar);--green: var(--dark-green)}[data-theme=light]{color-scheme:light;--bg-gradient-onyx: var(--light-bg-gradient-onyx);--bg-gradient-jet: var(--light-bg-gradient-jet);--bg-gradient-yellow-1: var(--light-bg-gradient-yellow-1);--bg-gradient-yellow-2: var(--light-bg-gradient-yellow-2);--border-gradient-onyx: var(--light-border-gradient-onyx);--text-gradient-yellow: var(--light-text-gradient-yellow);--jet: var(--light-jet);--onyx: var(--light-onyx);--eerie-black-1: var(--light-eerie-black-1);--eerie-black-2: var(--light-eerie-black-2);--smoky-black: var(--light-smoky-black);--white-1: var(--light-white-1);--white-2: var(--light-white-2);--orange-yellow-crayola: var(--light-orange-yellow-crayola);--vegas-gold: var(--light-vegas-gold);--light-gray: var(--light-light-gray);--light-gray-70: var(--light-light-gray-70);--bittersweet-shimmer: var(--light-bittersweet-shimmer);--navbar-color: var(--light-navbar);--green: var(--light-green)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}img,ion-icon,a,button,time,span{display:block}button{font:inherit;background:none;border:none;text-align:left;cursor:pointer}input,textarea{display:block;width:100%;background:none;font:inherit}::selection{background:var(--orange-yellow-crayola);color:var(--smoky-black)}:focus{outline-color:var(--orange-yellow-crayola)}html{font-family:var(--ff-poppins)}body{background:var(--smoky-black)}@media(min-width:580px){:root{--fs-1: 32px;--fs-2: 24px;--fs-3: 26px;--fs-4: 18px;--fs-6: 15px;--fs-7: 15px;--fs-8: 12px}}@media(min-width:1024px){:root{--shadow-1: -4px 8px 24px hsla(0, 0%, 0%, .125);--shadow-2: 0 16px 30px hsla(0, 0%, 0%, .125);--shadow-3: 0 16px 40px hsla(0, 0%, 0%, .125)}}@media(min-width:1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:var(--smoky-black)}body::-webkit-scrollbar-thumb{border:5px solid var(--smoky-black);background:#ffffff1a;border-radius:20px;box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}}