*{margin:0;padding:0;box-sizing:border-box}:root{--easeInOutQuart:cubic-bezier(0.45, 0, 0.55, 1)}.light{--bg:#e2e8f0;--btnColor:#6244c5;--color:#071e48;--secondaryColor:#4c5d79;--stateColor:white;--bg_gray:rgba(0, 0, 0, 0.05);--secondaryTextColor:white}.dark{--bg:#212529;--btnColor:#64ffda;--color:#ccd6f6;--secondaryColor:#636669;--stateColor:black;--bg_gray:#393e46;--secondaryTextColor:rgba(0, 0, 0, 0.2);--textGray:#8892b0}body,html{line-height:1.5;color:var(--color);counter-reset:navlinks;counter-reset:sections;font-family:Inter,sans-serif;scroll-behavior:smooth;background-color:var(--bg)}.body{margin:0 auto;max-width:1800px;transition:background .5s ease-in-out,color .5s ease-in-out;overflow:hidden;position:relative}ul{list-style:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--bg_gray)}::-webkit-scrollbar-thumb{background-color:var(--secondaryColor);border-radius:5px}.fadeInDown{transform:translate(-.5rem,-2rem);-ms-transform:translate(-.5rem,-2rem);-moz-transform:translate(-.5rem,-2rem);-o-transform:translate(-.5rem,-2rem);-webkit-transform:translate(-.5rem,-2rem)}.fadeInUp{transform:translateY(3rem);-ms-transform:translateY(3rem);-moz-transform:translateY(3rem);-o-transform:translateY(3rem);-webkit-transform:translateY(3rem)}.fadeInLeft{transform:translateX(1rem);-ms-transform:translateX(1rem);-moz-transform:translateX(1rem);-o-transform:translateX(1rem);-webkit-transform:translateX(1rem)}.fadeInRight{transform:translateX(-1rem);-ms-transform:translateX(-1rem);-moz-transform:translateX(-1rem);-o-transform:translateX(-1rem);-webkit-transform:translateX(-1rem)}.fadeOpacity{opacity:0}.has_animation{transition:opacity .5s linear,transform .3s ease-in-out;-webkit-transition:opacity .5s linear,transform .3s ease-in-out;-moz-transition:opacity .5s linear,transform .3s ease-in-out;-o-transition:opacity .5s linear,transform .3s ease-in-out}.project-item.has_animation{transition:opacity .5s linear;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear}.prefetch{opacity:0;visibility:hidden}.has_animation.viewfetch{opacity:1;visibility:visible;transform:translate(0,0)}.follow-container.has_animation.viewfetch{transform:translate(0,-50%)}.typing-effect{position:relative;color:var(--color);width:0;white-space:nowrap;animation:typing 4s steps(27) 2.4s forwards,cursor 1s infinite 2.4s;overflow:hidden;border-right:3px solid transparent}.wrapper{width:110px;height:110px;transition:all .25s cubic-bezier(.645,.045,.355,1);opacity:1}.wrapper svg{width:100%;height:100%;fill:none;user-select:none;font-family:Poppins,sans-serif;font-weight:700}.wrapper #logo path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 1.5s var(--easeInOutQuart) .3s forwards;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.wrapper #logo #logo_name{opacity:0;animation:opacity .7s var(--easeInOutQuart) 1.5s forwards,huerotate infinite var(--easeInOutQuart) 1.5s}@keyframes dash{to{stroke-dashoffset:0}}@keyframes opacity{to{opacity:1}}@keyframes huerotate{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}@keyframes typing{to{width:27ch}}@keyframes cursor{0%,100%{border-color:transparent}50%{border-color:var(--btnColor)}}.facebook{background-color:#3a568f}.instagram{background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%)}.linkedin{background-color:#0077b5}.youtube{background-color:red}img{display:block;width:100%;pointer-events:none;user-select:none;border-radius:inherit}.loader{width:100vw;height:100vh;background-color:var(--bg);color:var(--btnColor);position:fixed;z-index:10000;margin:0}.hidden{opacity:0;display:none}.sticky{position:sticky!important;top:0!important;background-color:rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.2);backdrop-filter:blur(5px);z-index:999}.light .sticky{background-color:#d6dce4}.light .image-container{mix-blend-mode:luminosity}.header{width:100%;height:5rem;z-index:25;transition:.5s ease-out;position:absolute}.nav-container{display:flex;align-items:center;justify-content:space-between;font-family:SFMono,"Fira Sans",sans-serif;font-size:.875rem;z-index:20;padding:0 2rem;height:100%}.nav-container .logo{font-size:1.75rem;letter-spacing:.01rem;font-family:SFMono,"Fira Sans",sans-serif;z-index:2}.nav-container .logo span{cursor:pointer}.nav-container .logo span:first-child{color:var(--btnColor)}.nav-container .nav_links{display:flex}.nav_items{margin-right:20px;padding:10px;counter-increment:navlinks}.nav-container .nav_link,a{text-decoration:none;color:inherit;font-weight:500}.nav-container .nav_link::before{content:"0" counter(navlinks) ".";color:var(--btnColor);font-weight:700}.nav_items:hover a{color:var(--btnColor);font-weight:700}.nav_items.active a{color:var(--btnColor);font-weight:700}.btn{display:flex;align-items:center;border:1.5px solid var(--btnColor);padding:5px 10px;cursor:pointer;width:fit-content}.nav-btn{border-radius:5px 10px}.btn:hover{background-color:var(--btnColor);color:var(--bg)}.btn:hover a{color:var(--bg)}.header-details{padding-top:5rem;overflow:hidden;object-fit:cover;background:url(../assets/images/background.png) repeat-x}.detail-container{max-width:1800px;display:flex;align-items:center;justify-content:space-around;height:100%;position:relative;margin:0 auto}.full-details .background-text{position:absolute;user-select:none;left:5%;top:0;font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:15rem;letter-spacing:-.02em;color:var(--bg_gray);opacity:.5;text-transform:uppercase}.light .background-text{mix-blend-mode:soft-light;-webkit-text-stroke:5px #000}.dark .background-text{mix-blend-mode:screen}#details .name{font-weight:700;font-size:4rem;letter-spacing:-.02em;line-height:1.25}#details .subtitle{margin-top:50px;font-weight:400;font-size:24px;font-family:Consolas,sans-serif}.image-container{max-width:40rem;max-height:40rem;position:relative;display:flex;justify-content:center}#background{width:70%;height:70%;background-color:var(--btnColor);border-radius:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-top-color:transparent}.image-container .image{width:100%;height:100%;transform:scaleX(-1)}.image-container .featured-photo{object-position:top}.bar{border-radius:4px;background-color:var(--btnColor);margin:20px 0}.bar-h{width:192px;height:7px}.follow-container{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.follow-container .follow{transform:rotate(90deg);margin-bottom:40px;font-weight:400;font-size:1.25rem}.bar-v{height:192px;width:5px}.highlight{color:var(--btnColor)}.btn-check{font-size:.875rem;padding:1.25rem 1.75rem;border-radius:4px;line-height:1;margin-top:3rem}.flexCenter{display:flex;align-items:center;justify-content:center}.icon{width:35px;height:35px;margin-bottom:10px;border-radius:5px}.icon:hover{opacity:.85;cursor:pointer}.archive,main{margin:0 12rem}.section-counter{counter-increment:sections;padding-top:4rem;width:100%}.section-counter#contact{padding-top:0;margin-top:0}.section-counter .heading{display:flex;align-items:center;gap:20px}.heading.space{justify-content:space-between}#contact .topic,.section-counter .header-title{font-size:2rem;font-weight:700;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:10px;white-space:nowrap}.section-counter .header-title::before{content:"0" counter(sections) ".";font-size:1.5rem;font-family:SFMono,sans-serif;color:var(--btnColor)}.resume{display:none}.resume-container{padding:0}.resume-container a{padding:6px 10px}.section-counter .line{width:100%;height:.5px;border-radius:4px;background-color:var(--secondaryColor)}.section-counter .content-section{margin-top:1.5rem;position:relative}.content-section .images{width:15rem;float:right;border-radius:8px;margin-left:40px;margin-bottom:40px;box-shadow:1.25rem 1.25rem 2px var(--btnColor);transition:.2s ease-in-out;filter:grayscale(1)}.content-section .images img{border-radius:8px}#contact .contact-description,.content-section .content p{font-size:1.1rem;margin-bottom:.9375rem;color:var(--textGray);line-height:1.7}#skills{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem}#skills .heading{height:60px;line-height:60px}#skills .skill-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0 10px;margin:10px 0 0 15px;list-style-type:"⫸"}#skills .skill-list li{text-transform:uppercase;font-size:.875rem;color:var(--btnColor);padding-left:20px;margin:10px 0 0 10px}#skills .skill-list li span{color:var(--color)}#skills .toggle-buttons{display:flex;align-items:center;border:1px solid var(--btnColor);border-radius:8px;outline:0;text-align:center}.toggle-buttons>div{width:50%;height:100%;padding:1rem;cursor:pointer;font-weight:700}.tab-active{background-color:var(--btnColor);border-radius:8px;color:var(--stateColor)}.tab-content{display:none}.tab-exp{grid-template-columns:repeat(2,1fr);gap:2rem}.tab-content-active{display:grid}.tab-content .about{font-size:20px;color:var(--color)}.tab-content .institution{font-size:20px;color:var(--color);margin-top:10px}.tab-content .time{color:var(--btnColor);margin:10px 0 7px}.tab-content .study{font-size:.875rem;margin-top:10px}.icons svg{width:2rem;height:2rem;color:var(--btnColor)}.academics{padding:25px;border-radius:8px;background-color:var(--bg_gray)}.swiper{position:relative;width:100%;height:203px;cursor:grab}.slide-pagination{position:absolute;left:calc(100% - 100px)!important;right:20px!important;bottom:20px!important;z-index:21;height:11px!important}.slide-pagination .swiper-pagination-bullet{width:11px;height:11px;border-radius:10px;background:var(--secondaryColor);opacity:1;transition:all .3s;margin-bottom:10px!important}.slide-pagination .swiper-pagination-bullet-active{opacity:1;background:var(--btnColor);width:30px}.customIcons{position:fixed;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:8px;z-index:20;cursor:pointer;user-select:none;transition:.5s ease-in}.scroll-up{bottom:20px;right:20px;background-color:var(--btnColor);transform:translate(7rem);z-index:1000}.scroll-up.show{transform:translate(0)}.scroll-up svg,.theme-switcher svg{width:25px;height:25px;color:var(--stateColor)}.theme-switcher{bottom:20px;left:20px;z-index:1000}.light .theme-switcher{background-color:var(--secondaryColor)}.dark .theme-switcher{background-color:var(--color)}.side-navbar{position:fixed;top:50%;transform:translate(-9rem,-50%);left:3rem;z-index:20;transition:.5s ease-in}.side-navbar.show{transform:translate(0,-50%)}.status-container{position:absolute;height:100%}.status-bar,.status-fill{width:5.5px;position:absolute;transform:translate(-50%);border-radius:8px}.status-bar{height:100%;border:2px solid var(--btnColor);background-color:var(--btnColor)}.status-fill{height:0;background-color:var(--btnColor)}.side-navbar .nav-menu li{position:relative;height:50px;display:flex;align-items:center}.side-navbar .dot::after{content:"";border-radius:50%;border:2px solid var(--btnColor);position:absolute;left:0;top:50%;transform:translate(-50%,-50%);background-color:var(--stateColor)}.side-navbar .dot::after{width:10px;height:10px;transition:all .3s ease-in}.side-navbar li.active .dot::after,.side-navbar li:hover .dot::after{width:20px;height:20px;background-color:var(--btnColor)}.side-navbar .dot-about{background-color:var(--btnColor)}.side-navbar .dot-about{font-size:.875rem;height:40px;padding:5px 10px;margin-left:15px;display:flex;align-items:center;color:var(--stateColor);border-radius:8px;opacity:0;transition:all .3s ease-in}.side-navbar .nav-menu li .dot-about::before{content:"";position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--btnColor);top:50%;transform:translate(-18px,-50%);transition:all .3s ease-in}.side-navbar .nav-menu li.active .dot-about:not(.sHome),.side-navbar .nav-menu li:hover .dot-about{margin-left:25px;opacity:1}.filter-group{display:flex;gap:30px}.filter-group .filter-list{padding-bottom:5px;cursor:pointer;transition:border-color .3s ease-in}.filter-group .filter-list.active,.filter-list:hover{color:var(--btnColor);border-bottom:2px solid var(--btnColor)}.filter-group .filter-list.active{font-weight:700}.grid{width:100%}.project-item{background:var(--bg_gray);padding:20px;margin:10px;color:#000;width:calc(33% - 20px);display:inline-block;border-radius:8px}.project-item .files{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.project-container svg,.project-item svg{width:22px;height:22px;color:var(--color)}.project-item .folder svg{width:40px;height:40px;color:var(--btnColor)}.project-container .links,.project-item .links{display:flex;gap:20px}.project-content{color:var(--color)}.project-container .project-name,.project-content .project-title{font-size:1.25rem;margin-bottom:20px;font-weight:700}.project-title a{font-weight:700}.project-container a:hover,.project-container a:hover svg,.project-item a:hover,.project-item a:hover svg{color:var(--btnColor)}.project-container .project-description,.project-content .project-subtitle{font-size:.9375rem;margin-bottom:20px}.project-container .title,.technologies{font-family:SFMono,Calibri,"Trebuchet MS",sans-serif;font-size:.85rem;list-style:none;display:flex;flex-wrap:wrap;gap:10px;text-transform:capitalize}.project-featured{display:flex;flex-direction:column;gap:5rem}.project-container{display:grid;grid-template-columns:1fr .5fr;gap:2.5rem}.project-container:nth-child(even){direction:rtl}.project-container:nth-child(odd){flex-direction:row}.project-container .project-image{position:relative;cursor:pointer;display:flex;align-items:center}.project-container .project-image:hover{opacity:1}.project-container .project-image img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left;border-radius:8px;border-bottom-left-radius:0;border-top-left-radius:0;border-right:0;border-left:4px solid var(--btnColor)}.project-container:nth-child(even) .project-image img{border-radius:8px;border-bottom-right-radius:0;border-top-right-radius:0;border-left:0;border-right:4px solid var(--btnColor)}.project-container .project-details{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.project-container .title{color:var(--btnColor);margin:10px 0}.project-container .project-description{box-shadow:0 5px 5px var(--secondaryColor);position:relative;padding:35px 25px;border-radius:4px;background-color:var(--bg_gray);color:var(--color);transform-origin:100% 50%;width:calc(100% + 5rem);z-index:20}.project-container:nth-child(odd) .project-description{text-align:right}.project-container:nth-child(even) .project-description{text-align:left}.light .project-container .project-description{background-color:#d6dce4;box-shadow:0 0 3px rgba(0,0,0,.75)}.project-container .links{margin-top:20px}.btn-more{width:fit-content;margin:0 auto;margin-top:24px;padding:10px 20px;border-radius:9px}.btn-more .btn{background-color:var(--btnColor);color:var(--stateColor);border-radius:9px;padding:10px 20px}.btn-more .btn:hover{color:var(--btnColor);background-color:var(--stateColor)}#contact{max-width:40rem;margin:0 auto;height:min(800px,100vh);position:relative}#contact .heading{flex-direction:column}#contact .header-title{font-size:1rem;color:var(--btnColor);font-weight:400}#contact .topic{font-size:3rem}#contact .header-title::before{font-size:.875rem}#contact .content-section{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#contact .contact-description{margin-top:1rem;text-align:center;font-size:1rem}.built{position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.footer-follow{margin-top:3rem;display:flex;align-items:center;gap:20px;display:none}.footer-follow .icons{display:flex;gap:20px}.footer-follow .icon{margin:0}.footer-menu{position:fixed;bottom:0;width:100%;backdrop-filter:blur(2px);height:3rem;background-color:var(--btnColor);color:var(--stateColor);box-shadow:0 0 5px #000;display:none}.footer-nav-menu{display:flex;height:100%;gap:20px;padding:0 20px}.footer-nav-menu li{flex:auto;position:relative;z-index:1}.footer-nav-menu li a{flex-direction:column;height:100%}.footer-nav-menu .dot-about,.footer-nav-menu .footer-icon{transition:.3s ease-in-out}.footer-nav-menu .footer-icon svg{width:1.75rem;height:1.75rem}.footer-nav-menu .dot-about{position:absolute;padding:10px;border-radius:8px}.footer-nav-menu li .footer-icon,.footer-nav-menu li:hover .dot-about{opacity:0}.footer-nav-menu li.active:hover .footer-icon,.footer-nav-menu li:hover .footer-icon{opacity:1;color:var(--stateColor)}