:root{--bg-gradient-onyx: linear-gradient( to bottom right, hsl(240, 1%, 25%) 3%, hsl(0, 0%, 19%) 97% );--bg-gradient-jet: linear-gradient( to bottom right, hsla(240, 1%, 18%, .251) 0%, hsla(240, 2%, 11%, 0) 100% ), hsl(240, 2%, 13%);--bg-gradient-yellow-1: linear-gradient( to bottom right, hsl(45, 100%, 71%) 0%, hsla(36, 100%, 69%, 0) 50% );--bg-gradient-yellow-2: linear-gradient( 135deg, hsla(45, 100%, 71%, .251) 0%, hsla(35, 100%, 68%, 0) 59.86% ), hsl(240, 2%, 13%);--border-gradient-onyx: linear-gradient( to bottom right, hsl(0, 0%, 25%) 0%, hsla(0, 0%, 25%, 0) 50% );--text-gradient-yellow: linear-gradient( to right, hsl(45, 100%, 72%), hsl(35, 100%, 68%) );--jet: hsl(0, 0%, 22%);--onyx: hsl(240, 1%, 17%);--eerie-black-1: hsl(240, 2%, 13%);--eerie-black-2: hsl(240, 2%, 12%);--smoky-black: hsl(0, 0%, 7%);--white-1: hsl(0, 0%, 100%);--white-2: hsl(0, 0%, 98%);--orange-yellow-crayola: hsl(45, 100%, 72%);--vegas-gold: hsl(45, 54%, 58%);--light-gray: hsl(0, 0%, 84%);--light-gray-70: hsla(0, 0%, 84%, .7);--bittersweet-shimmer: hsl(0, 43%, 51%);--ff-poppins: "Poppins", sans-serif;--fs-1: 1.5em;--fs-2: 1.25em;--fs-3: 1.125em;--fs-4: 1em;--fs-5: .9em;--fs-6: .8em;--fs-7: .7em;--fs-8: .6em;--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--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}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}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);margin:0;width:100vw;max-height:100vh}@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)}.sidebar,article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;padding:15px;box-shadow:var(--shadow-1);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 ion-icon{--ionicon-stroke-width: 35px}.articleTitle{position:relative;padding-bottom:.5em}.articleTitle:after{content:"";position:absolute;bottom:0;left:0;width:2em;height:.2em;background:var(--text-gradient-yellow);border-radius:1em}.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}.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}.sidebarInfo{display:flex;flex-direction:column;align-items:center;gap:15px;overflow:cover}.siderAvatarBox{background:var(--bg-gradient-onyx);border-radius:1rem;overflow:cover}.siderAvatarBox img{width:100%;overflow:cover}.siderInfoRoles{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.siderInfoRoles .name{color:var(--white-2);font-size:var(--fs-1);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.rolesContainer{width:100%;display:flex;justify-content:space-around}.siderInfoRoles .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-6);font-weight:var(--fw-300);width:max-content;padding:1em;border-radius:1em}.sidebarContacts{display:flex;flex-direction:column;color:var(--light-gray-70)}.sidebarContactItem{display:flex;gap:1em;height:4em}.sidebarContactIcon{width:2em;height:2em;border-radius:1em;display:flex;justify-content:center;align-items:center;background:var(--border-gradient-onyx);color:var(--orange-yellow-crayola)}.sidebarContactLink{color:var(--white-1)}.sidebarSocial{display:flex;justify-content:center;align-items:center;gap:15px;padding-bottom:4px;padding-left:7px}.sidebarSocialItem .sidebarSocialLink{color:var(--light-gray-70);font-size:18px}.sidebarSocialItem .sidebarSocialLink:hover{color:var(--light-gray)}.sidebarlogoBlackAndWhite{filter:grayscale(100%) brightness(0) invert(1);width:18px;height:18px;transition:filter .3s ease}.sidebarlogoBlackAndWhite:hover{filter:grayscale(100%) brightness(0)}.navbar{position:absolute;top:0;right:2em;width:auto;background:#2b2b2cbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--jet);border-radius:0 0 1em 1em;box-shadow:var(--shadow-2);z-index:10}.navbarList{display:flex;justify-content:center;align-items:center;padding:0 1em;gap:1em}.navbarLink{color:var(--light-gray);font-size:var(--fs-7);padding:1.8em 1em;transition:color var(--transition-1)}.navbarLink:hover,.navbarLink:focus{color:var(--light-gray-70)}.navbarLink.active{color:var(--orange-yellow-crayola)}.toggleButton{display:none}@media (max-width: 950px) and (min-width: 800px){.navbarList{gap:.5em}.navbarLink{padding:1.8em 0}}@media (max-width: 600px) and (min-width: 500px){.navbarList{gap:.5em}.navbarLink{padding:1.8em 0}}@media (max-width: 500px){.navbar{top:0;right:2em}.navbarList{display:none;flex-direction:column;gap:0}.navbar.open .navbarList{display:flex}.navbarLink{width:100%;text-align:center;padding:1em;border-top:1px solid var(--jet)}.toggleButton{display:block;position:absolute;top:0;right:0;padding:.5em 1.8em;background:#2b2b2cbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--jet);border-radius:0 0 1em 1em;box-shadow:var(--shadow-2);color:var(--orange-yellow-crayola);cursor:pointer}}.aboutText{color:var(--light-gray);font-size:var(--fs-5);font-weight:var(--fw-300);line-height:1.6}.aboutText p{margin-bottom:15px}.service{margin-bottom:35px}.service-title{margin-bottom:20px}.service-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,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}.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{scroll-snap-align:start}.clients-item img{width:100%;filter:grayscale(1);transition:var(--transition-1)}.clients-item img:hover{filter:grayscale(0)}.articleTitle,.timeline{margin-bottom:30px}.timeline .title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:25px}.timeline-list{font-size:var(--fs-6);margin-left:45px}.timeline-item{position:relative}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-item-title{font-size:var(--fs-6);line-height:1.3;margin-bottom:7px}.timeline-list span{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}.skills-title{margin-bottom:20px}.skills-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:20px}.skills-item:not(:last-child){margin-bottom:15px}.skill .title-wrapper{display:flex;align-items:center;gap:5px;margin-bottom:8px}.skill .title-wrapper data{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300)}.skill-progress-bg{background:var(--jet);width:100%;height:8px;border-radius:10px}.skill-progress-fill{background:var(--text-gradient-yellow);height:100%;border-radius:inherit}.filter-list{display:none;overflow-y:auto}.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:repeat(auto-fill,minmax(200px,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>a{width:100%}.project-img{padding:1em;position:relative;width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:15px;background:#00000040}.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>a:hover .project-img:before{background:#00000080}.project-item-icon-box{--scale: .8;background:var(--jet);color:var(--orange-yellow-crayola);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--scale));font-size:20px;padding:18px;border-radius:12px;opacity:0;z-index:1;transition:var(--transition-1)}.project-item>a:hover .project-item-icon-box{--scale: 1;opacity:1}.project-item-icon-box ion-icon{--ionicon-stroke-width: 50px}.project-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}.project-item>a:hover img{transform:scale(1.1)}.project-title,.project-category{margin-left:10px}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);text-transform:capitalize;line-height:1.3}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.blog-posts{margin-bottom:10px}.blog-posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(40%,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,time){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}.alert{background-color:var(--bittersweet-shimmer);color:var(--white-2);padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:var(--shadow-3);display:flex;justify-content:space-between;align-items:center}.alert button{background:none;border:none;color:var(--white-2);font-size:var(--fs-6);cursor:pointer}.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}.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-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 ion-icon{font-size:16px}.form-btn:hover{background:var(--bg-gradient-yellow-1)}.form-btn:hover:before{background:var(--bg-gradient-yellow-2)}.socials-contact{display:flex;justify-content:space-between;margin-top:30px}.socials-column,.contact-column{flex:1;margin:0 10px}.socials-icons,.contact-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.socials-icons a,.contact-icons a{transition:transform .3s}.socials-icons a:hover,.contact-icons a:hover{transform:scale(1.1)}main{display:grid;grid-template-columns:1fr;gap:2em;padding:1em}.sidebar{grid-column:1 / 2}.mainContent{grid-column:1 / 2;position:relative;animation:fade .5s ease backwards}@media (min-width: 800px){main{grid-template-columns:300px 1fr}.sidebar{grid-column:1 / 2}.mainContent{grid-column:2 / 3}}@media (min-width: 1200px){main{grid-template-columns:400px 1fr}}