:root{--primary-color: #38369a;--secondary-color: #ffe19c;--black-color: #000000;--white-color: #f6f9ee;--accent-color: #e03616;--highlight-color: #1098f7;--second-highlight: #fb8b24}@font-face{font-family:Onest;src:url(/assets/onest-latin-400-normal-ac1ba58e.woff2)}@font-face{font-family:OnestMedium;src:url(/assets/onest-latin-500-normal-0b370438.woff2)}@font-face{font-family:OnestBook;src:url(/assets/onest-latin-200-normal-b6242b4a.woff2)}@font-face{font-family:OnestNormal;src:url(/assets/onest-latin-900-normal-88e8f0b0.woff2)}a{font-family:OnestMedium}span{font-family:OnestBook}html{overflow-x:hidden;word-wrap:break-word;scroll-snap-type:y mandatory;scroll-padding-top:45px;scrollbar-color:#a1a1a1 #222222;scrollbar-width:thin}.first{margin:0 auto;width:50%;border:0;height:.5px;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0))}.second{margin:0 auto;width:50%;border:0;height:1px;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0))}*,:after,:before{box-sizing:border-box;list-style:none;text-decoration:none;margin:0;padding:0;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always}body{overflow-x:hidden;background:var(--black-color);font-family:Onest,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1080px;margin:0 auto}h1{margin:0;color:#fff}.noise{height:100%;width:100vw;z-index:-20;position:absolute;inset:0;background-image:url(/assets/noise-b76bcdf4.webp);opacity:.2;mix-blend-mode:overlay;pointer-events:none}.snap-projects,.snap-aboutme,.snap-firstImpression{scroll-snap-align:start}@media (max-width: 430px){.container{max-width:428px;margin:0 auto}html{scroll-snap-type:none;scroll-padding-top:45px;scroll-behavior:smooth}.first{margin:120px auto 0;width:50%;border:0;height:1px;opacity:.5;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0))}.second{margin:0 auto;top:0;width:50%;border:0;height:1px;opacity:.5;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0))}.snap-projects{scroll-snap-type:none;padding-bottom:6rem}.snap-aboutme,.snap-firstImpression{scroll-snap-type:none}}@media screen and (max-width: 389px){.snap-projects{scroll-snap-type:none;padding-bottom:5rem}.second{margin:0 auto;width:50%;border:0;height:1px;opacity:.5;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0))}}.noisebg{background-image:url(/noise.png);background-repeat:repeat;top:-50%;left:-50%;bottom:-50%;right:-50%;position:fixed;height:200vh;width:200%;z-index:999999;pointer-events:none;animation:noise .2s infinite}@keyframes noise{0%{transform:translateZ(0)}10%{transform:translate3d(-5%,-5%,0)}20%{transform:translate3d(-10%,5%,0)}30%{transform:translate3d(5%,-10%,0)}40%{transform:translate3d(-5%,15%,0)}50%{transform:translate3d(-10%,5%,0)}60%{transform:translate3d(15%,0,0)}70%{transform:translate3d(0,15%,0)}80%{transform:translate3d(10%,5%,0)}90%{transform:translate3d(5%,10%,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){.noisebg{animation:none;opacity:.5}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideTwo{0%{transform:translate(0)}to{transform:translate(-100%)}}.aboutme__content{display:flex;flex-direction:column;padding-top:7rem;padding-bottom:7rem}.aboutme__title{font-family:OnestBold;letter-spacing:1px;font-size:34px;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to top,#c9c9c9,#fff);padding-bottom:54px}.aboutme__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-bottom:4rem}.aboutme__card{position:relative;border-radius:16px}.aboutme__card-glow{position:absolute;inset:-1px;border-radius:17px;background:radial-gradient(400px circle at 50% 50%,rgba(56,54,154,.35),transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.aboutme__card:hover .aboutme__card-glow{opacity:1}.aboutme__card-inner{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:2.5rem;border-radius:16px;background:linear-gradient(145deg,rgba(56,54,154,.12) 0%,rgba(17,18,27,.6) 100%);border:1px solid rgba(255,255,255,.08);height:100%;transition:border-color .4s ease,box-shadow .4s ease}.aboutme__card:hover .aboutme__card-inner{border-color:#ffffff1f;box-shadow:0 12px 40px #38369a1a,0 4px 16px #0000004d}.aboutme__subtitle{font-family:OnestBold;font-size:1.25rem;letter-spacing:.5px;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to bottom,#fff,#c9c9c9)}.aboutme__subtitle--center{text-align:center;padding-bottom:2rem}.aboutme__card-inner p{font-family:Onest;font-size:15px;line-height:1.6;color:#aaa}.aboutme__card-inner strong{font-family:OnestBold;color:var(--second-highlight)}.aboutme__marquee-section{padding-top:1rem}.logos{overflow:hidden;white-space:nowrap;position:relative;margin-bottom:2rem}.logos:before{position:absolute;top:0;left:0;width:400px;height:100%;background:linear-gradient(to left,transparent,#000000);content:"";z-index:9}.logos:after{position:absolute;top:0;right:0;width:400px;height:100%;background:linear-gradient(to right,transparent,#000000);content:"";z-index:9}.logos:hover .logos-slide,.logos:hover .logos-slide-two{animation-play-state:paused}.logos-slide{display:inline-block;animation:130s slide infinite linear}.logos-slide-two{display:inline-block;animation:130s slideTwo infinite linear reverse}.devIcon{width:65px;height:65px;margin:0 110px;fill:var(--second-highlight);transition:.5s}@media screen and (max-width: 768px){.aboutme__content{padding:7rem 2rem}.aboutme__title{font-size:24px}.aboutme__grid{grid-template-columns:1fr;gap:1rem}.aboutme__card-inner{padding:1.5rem}.aboutme__card-inner p{font-size:14px}.devIcon{width:45px;height:45px;margin:0 60px}.logos:before{width:200px}.logos:after{width:200px}}@media screen and (max-width: 428px){.aboutme__title{font-size:18px;padding-bottom:32px}.aboutme__card-inner{padding:1.25rem;gap:1rem}.aboutme__card-inner p{font-size:12px}.aboutme__subtitle{font-size:1rem}.aboutme__subtitle--center{font-size:.85rem}.devIcon{width:35px;height:35px;margin:0 20px}.logos:before{width:70px}.logos:after{width:70px}}#check-group{animation:.32s ease-in-out 1.03s check-group;transform-origin:center}#check-group #check{animation:.34s cubic-bezier(.65,0,1,1) .8s forwards check;stroke-dasharray:0,75px;stroke-linecap:round;stroke-linejoin:round}#check-group #outline{animation:.38s ease-in outline;transform:rotate(0);transform-origin:center}#check-group #white-circle{animation:.35s ease-in .35s forwards circle;transform:none;transform-origin:center}@keyframes outline{0%{stroke-dasharray:0,345.576px}to{stroke-dasharray:345.576px,345.576px}}@keyframes circle{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes check{0%{stroke-dasharray:0,75px}to{stroke-dasharray:75px,75px}}@keyframes check-group{0%{transform:scale(1)}50%{transform:scale(1.09)}to{transform:scale(1)}}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px;transform:scale(.5)}.lds-ellipsis div{position:absolute;top:37px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.contact__content{padding-top:7rem;padding-bottom:7rem}.contact__header{width:100%;display:flex;justify-content:start;gap:.5rem;padding-bottom:54px}.contact__line{font-family:OnestBold;line-height:1;display:block;position:relative;text-align:left;font-size:34px}.contact__line:before{line-height:1;display:block;position:absolute;color:#fff;pointer-events:none;width:100%}.contact__line--first:before{content:"GET";background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.75));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:contact_white_first 8s infinite}.contact__line--second:before{content:"IN";background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.75));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:contact_white_second 8s infinite}.contact__line--third:before{content:"TOUCH";background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.75));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact__line-gradient{color:transparent;background-clip:text;-webkit-background-clip:text}.contact__line--first>.contact__line-gradient{font-family:OnestBold;background-image:linear-gradient(to left,var(--highlight-color),var(--primary-color));animation:contact_gradient_first 8s infinite}.contact__line--second>.contact__line-gradient{font-family:OnestBold;background-image:linear-gradient(to left,var(--second-highlight),var(--accent-color));animation:contact_gradient_second 8s infinite}.contact__line--third>.contact__line-gradient{font-family:OnestBold;background-image:linear-gradient(to left,var(--third-hightlight),var(--secondary-color));animation:contact_gradient_third 8s infinite}@keyframes contact_gradient_first{0%,16.667%{opacity:1}33.333%,83.333%{opacity:0}to{opacity:1}}@keyframes contact_gradient_second{0%,16.667%{opacity:0}33.333%,50%{opacity:1}66.667%,to{opacity:0}}@keyframes contact_gradient_third{0%,50%{opacity:0}66.667%,83.333%{opacity:1}to{opacity:0}}@keyframes contact_white_first{0%,16.667%{opacity:0}25%,91.667%{opacity:1}to{opacity:0}}@keyframes contact_white_second{0%,25%{opacity:1}33.333%,50%{opacity:0}58.333%,to{opacity:1}}.contact__grid{display:flex;gap:1.5rem;padding-top:3rem}.contact__card{position:relative;border-radius:16px;width:40%;flex-shrink:0}.contact__card-glow{position:absolute;inset:-1px;border-radius:17px;background:radial-gradient(400px circle at 50% 50%,rgba(56,54,154,.35),transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.contact__card:hover .contact__card-glow{opacity:1}.contact__card-inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2.5rem;border-radius:16px;background:linear-gradient(145deg,rgba(56,54,154,.12) 0%,rgba(17,18,27,.6) 100%);border:1px solid rgba(255,255,255,.08);height:100%;transition:border-color .4s ease,box-shadow .4s ease}.contact__card:hover .contact__card-inner{border-color:#ffffff1f;box-shadow:0 12px 40px #38369a1a,0 4px 16px #0000004d}.contact__text{font-family:Onest;font-size:15px;line-height:1.6;color:#aaa}.contact__socials{display:flex;flex-direction:column;gap:.75rem}.contact__socials-label{font-family:Onest;font-size:14px;color:#787878}.contact__socials-links{display:flex;gap:.75rem}.contact__social-link{display:inline-flex;align-items:center;padding:8px 18px;font-family:OnestMedium;font-size:13px;letter-spacing:1.5px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#fffc;transition:all .3s ease}.contact__social-link:hover{background:rgba(255,255,255,.1);border-color:#ffffff59;color:#fff}.contact__form{display:flex;flex-direction:column;gap:1rem;width:60%}.contact__form-row{display:flex;gap:1rem}.contact__form input,.contact__form textarea{width:100%;padding:14px 18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;font-family:Onest;font-size:15px;color:#fff;transition:border-color .3s ease,background .3s ease}.contact__form input::placeholder,.contact__form textarea::placeholder{font-family:OnestMedium;font-size:12px;letter-spacing:1.5px;color:#ffffff40}.contact__form input:focus,.contact__form textarea:focus{border-color:#38369a99;background:rgba(255,255,255,.05)}.contact__form textarea{resize:vertical;min-height:120px}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:transparent!important}.contact__btn-wrap{position:relative;border-radius:12px}.contact__btn-bg{border-radius:12px;content:"";height:100%;position:absolute;width:100%;z-index:0}.contact__bg1,.contact__bg1:before{background-image:linear-gradient(to left,var(--highlight-color),var(--primary-color))}.contact__bg2,.contact__bg2:before{background-image:linear-gradient(to left,var(--second-highlight),var(--accent-color))}.contact__bg3,.contact__bg3:before{background-image:linear-gradient(to left,var(--third-hightlight),var(--secondary-color))}.contact__bg1{animation:contact__bgGradient-1 8s infinite}.contact__bg2{animation:contact__bgGradient-2 8s infinite}.contact__bg3{animation:contact__bgGradient-3 8s infinite}.contact__btn-bg:before{border:15px solid transparent;background-clip:padding-box;content:"";filter:blur(35px);height:100%;opacity:.9;position:absolute;width:100%;z-index:0}@keyframes contact__bgGradient-1{0%,16.667%,to{opacity:1}33%,83.333%{opacity:0}}@keyframes contact__bgGradient-2{0%,16.667%,66.667%,to{opacity:0}33.333%,50%{opacity:1}}@keyframes contact__bgGradient-3{0%,50%{opacity:0}66.667%,83.333%{opacity:1}to{opacity:0}}.contact__submit-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 24px;font-family:OnestMedium;font-size:14px;letter-spacing:1.5px;color:#fff;background:#000;background-clip:padding-box;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:color .2s ease,background-color .2s ease}.contact__submit-btn:hover{color:#000;background-color:transparent}.contact__submit-btn:hover .contact__btn-state{color:#000}.contact__submit-btn:disabled{cursor:not-allowed;opacity:.8}.contact__btn-state{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:OnestMedium;transition:color .2s ease}.contact__btn-error{color:#ff6b6b}@media screen and (max-width: 768px){.contact__content{padding:7rem 2rem}.contact__header{padding-bottom:32px}.contact__line{font-size:24px}.contact__grid{flex-direction:column;gap:1.5rem}.contact__card{width:100%}.contact__card-inner{padding:1.5rem}.contact__form{width:100%}.contact__form-row{flex-direction:column}}@media screen and (max-width: 428px){.contact__line{font-size:18px}.contact__header{padding-bottom:24px}.contact__card-inner{padding:1.25rem}.contact__text{font-size:12px}.contact__form input,.contact__form textarea{font-size:13px;padding:12px 14px}.contact__submit-btn{font-size:12px;min-height:46px}.contact__social-link{font-size:11px;padding:6px 14px}}.Footer{font-family:Onest;display:flex;justify-content:center;align-items:center;height:50px;color:#c7c7c7;background-color:#0f0f0f}@media screen and (max-width: 768px){.Footer{font-size:12px;text-align:center}}:root{--primary-color: #38369a;--secondary-color: #ffe19c;--white-color: #f6f9ee;--accent-color: #e03616;--highlight-color: #1098f7;--second-highlight: #fb8b24;--third-hightlight: #ffca4e}@font-face{font-family:OnestBold;src:url(/assets/onest-latin-900-normal-88e8f0b0.woff2)}@property --myColor1{syntax: "<color>"; initial-value: #fff; inherits: false;}@property --myColor2{syntax: "<color>"; initial-value: #c9c9c9; inherits: false;}.first__impression-content{display:flex;justify-content:space-between;align-items:center;font-size:16px;min-height:100vh;padding-top:7rem;padding-bottom:7rem;gap:3rem;z-index:auto}.text_wrapper{overflow:hidden}.first__impression-title{display:flex;flex-direction:column;justify-content:center}.first__impression-me{text-overflow:clip;text-align:left;padding-bottom:1.5rem;user-select:none}.first__impression-me h1 span{font-family:OnestBold;line-height:86.4px}.first__impression-name{font-size:4.5rem;line-height:86.4px}.first__impression-stack{font-size:3rem}.first__impression-quote h3{font-size:24px;padding-bottom:2rem;font-weight:300}.first__impression-quote b{font-family:OnestBold;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to top,#c9c9c9,#fff)}.first__impresion-caps{font-size:32px;font-weight:400;padding-bottom:3rem}.first__impression-info{padding-bottom:3rem}.first__impression-experience{font-size:16px;text-wrap:balance;font-weight:300;color:#fff}.first__impression-hero:before{position:absolute;content:"";height:90vw;width:100vw;top:60%;translate:0 -30%;line-height:86.4px;left:-60vw;z-index:-1;background:url(/assets/noise-b76bcdf4.webp) repeat,linear-gradient(83.21deg,var(--black-color) 20%,var(--primary-color) 70%);background-blend-mode:overlay;-webkit-mask-image:radial-gradient(rgba(0,0,0,.4),transparent 75%);mask-image:radial-gradient(rgba(0,0,0,.4),transparent 65%);mix-blend-mode:lighten}.first__impression-hero:after{position:absolute;content:"";height:90vw;width:100vw;top:60%;line-height:86.4px;translate:0 -30%;right:-60vw;z-index:-1;background:url(/assets/noise-b76bcdf4.webp) repeat,linear-gradient(83.21deg,var(--black-color) 20%,var(--primary-color) 70%);background-blend-mode:overlay;-webkit-mask-image:radial-gradient(rgba(0,0,0,.4),transparent 65%);mask-image:radial-gradient(rgba(0,0,0,.4),transparent 65%);mix-blend-mode:lighten}.first__impression-img img{object-fit:cover;border-radius:10px;aspect-ratio:723 / 965;height:90%;filter:brightness(1.3) saturate(1.1);z-index:99999}.first__impression-img{display:flex;justify-content:center;align-items:center;position:relative;height:536.172px;border-radius:20px;width:100%}.hero__btns{width:400px;max-width:100%;padding-top:14px}.hero__btns-content{display:flex;flex-wrap:wrap;margin:-12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hero__btn1{padding:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;min-width:0}.hero__btn1Itself{display:flex;flex-direction:column;position:relative;min-width:1px;max-width:100%;flex:1;justify-content:flex-start;align-items:stretch}.hero__btn1Itself a{height:48px;font-size:1rem;line-height:1.5rem;border-radius:10px}.hero__btn1Itself span{font-family:Onest}.button__dw{color:var(--black-color);font-weight:500;padding:0 12px;box-shadow:0 0 0 1px transparent;max-width:100%;justify-content:center;align-items:center;transition-property:border-color,background,color,transform,box-shadow;transition-timing-function:ease;background:white;transition:all .2s ease}.button__dw:hover{background:transparent;border:1px solid white;color:#fff;transition:all .2s ease}.button__dw:hover span{color:#fff}.hero__deployBTN>span{display:flex;align-items:center;gap:8px}.button__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__content span{color:var(--black-color)}.dwIcon{fill:var(--black-color);font-size:24px}.hero__btn2Itself{display:flex;flex-direction:column;position:relative;min-width:1px;max-width:100%;flex:1;justify-content:flex-start;align-items:stretch}.hero__btns-content>.hero__btn2{padding:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;min-width:0}.hero__btn-wrapper .hero__btn-bg{border-radius:10px;content:"";height:100%;position:absolute;width:100%;z-index:-2}.hero__btn-wrapper .hero__bg1,.hero__btn-wrapper .hero__bg1:before{background-image:linear-gradient(to left,var(--highlight-color),var(--primary-color))}.hero__btn-wrapper .hero__bg2,.hero__btn-wrapper .hero__bg2:before{background-image:linear-gradient(to left,var(--second-highlight),var(--accent-color))}.hero__btn-wrapper .hero__bg3,.hero__btn-wrapper .hero__bg3:before{background-image:linear-gradient(to left,var(--third-hightlight),var(--secondary-color))}.hero__btn-wrapper .hero__bg1{animation:hero__bgGradient-1 8s infinite}.hero__btn-wrapper .hero__bg2{animation:hero__bgGradient-2 8s infinite}.hero__btn-wrapper .hero__bg3{animation:hero__bgGradient-3 8s infinite}.hero__btn-wrapper .hero__btn-bg:before{border:15px solid transparent;background-clip:padding-box;content:"";filter:blur(35px);height:100%;opacity:.9;position:absolute;width:100%;z-index:50}.gradient-a-btn{background-color:#000;background-clip:padding-box;border:1px solid transparent;box-shadow:0 4px 4px #00000010;color:#fff;transition-property:color,background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease;transition:.2s ease-in-out all}.gradient-a-btn:hover{color:#000;background-color:transparent;transition:.2s ease-in-out all}.button-button{display:flex}.button-button{font-weight:500;padding:0 12px;max-width:100%;justify-content:center;align-items:center}.button-large{font-family:Onest;height:48px;font-size:1rem;line-height:1.5rem;border-radius:10px}.button_base{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none}.button-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block}.heading-line{line-height:1;display:block;position:relative;text-align:left}.heading-line:before{line-height:86.4px;display:block;position:absolute;color:#fff;pointer-events:none;width:100%}.heading-line-first:before{content:"BRIAN ZENHOM.";background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.75));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:first_heading_white_text 8s infinite}.heading-line-second:before{content:"FULLSTACK.";background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.75));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:second_heading_white_text 8s infinite}.heading-line-third:before{content:"DEVELOPER.";background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.75));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes first_heading-gradient{0%,16.667%{opacity:1}33.333%,83.333%{opacity:0}to{opacity:1}}@keyframes second_heading-gradient{0%,16.667%{opacity:0}33.333%,50%{opacity:1}66.667%,to{opacity:0}}@keyframes third_heading-gradient{0%,50%{opacity:0}66.667%,83.333%{opacity:1}to{opacity:0}}@keyframes first_heading_white_text{0%,16.667%{opacity:0}25%,91.667%{opacity:1}to{opacity:0}}@keyframes second_heading_white_text{0%,25%{opacity:1}33.333%,50%{opacity:0}58.333%,to{opacity:1}}@keyframes third_heading_white_text{0%,58.333%{opacity:1}66.667%,83.333%{opacity:0}91.667%,to{opacity:1}}.heading-line-first>.heading-line-gradient{background-image:linear-gradient(to left,var(--highlight-color),var(--primary-color));animation:first_heading-gradient 8s infinite}.heading-line-second>.heading-line-gradient{background-image:linear-gradient(to left,var(--second-highlight),var(--accent-color));animation:second_heading-gradient 8s infinite}.heading-line-third>.heading-line-gradient{background-image:linear-gradient(to left,var(--third-hightlight),var(--secondary-color));animation:third_heading-gradient 8s infinite}.heading-line-gradient{color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes hero__bgGradient-1{0%,16.667%,to{opacity:1}33%,83.333%{opacity:0}}@keyframes hero__bgGradient-2{0%,16.667%,66.667%,to{opacity:0}33.333%,50%{opacity:1}}@keyframes hero__bgGradient-3{0%,50%{opacity:0}66.667%,83.333%{opacity:1}to{opacity:0}}.hamburger{position:absolute;top:.75rem;right:1rem;display:none;cursor:pointer}.hamburger input{display:none}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}@media screen and (max-width: 1376px){img{position:relative;width:620px;z-index:40;bottom:0;object-fit:cover}.first__impression-img{position:relative;width:500px;height:500px;overflow:hidden;border-radius:20px;transform:scale(.89)}.first__impression-quote h1{font-size:22px}.first__impression-content{padding-left:2rem;padding-right:2rem}}@media screen and (max-width: 1200px){.first__impression-me h1{font-size:3rem}.first__impression-info h2{font-size:1rem}.first__impression-content{display:flex;flex-direction:column}}@media screen and (max-width: 430px){.first__impression-hero{padding-top:3rem}.first__impression-me{padding:0rem 2rem 2rem 1rem}.first__impression-me h1 span{font-size:2.35rem;text-align:start}.first__impression-caps{text-align:start;padding-bottom:2rem;padding:0rem 20px;font-size:16px}.first__impression-me h1 span{font-family:OnestBold;line-height:50.4px}.heading-line:before{line-height:50.4px}.first__impression-quote h3{font-size:1.2rem}.first__impression-info{padding:1rem}.first__impression-experience{text-align:start;font-size:12px}.first__impression-quote h1{padding:0rem 1rem 2rem}.first__impression-content{height:100%;justify-content:space-evenly;flex-direction:column;padding-bottom:0rem}.first__impression-img .first__impression-glassbg img,.first__impression-img img{height:500px}.first__impression-img{height:450px;width:390px;margin-top:2rem}img{width:460px}.hero__btns{transform:scale(.94);width:370px}.first__impression-hero:after{display:none}}@media screen and (max-width: 389px){.dwIcon{display:none}.hero__btns{width:370px;max-width:100%}.first__impression-me{padding-bottom:1rem}.first__impression-me h1 span{font-size:2rem;text-align:start}.first__impression-caps{text-align:start;padding-bottom:2rem;font-size:16px}.first__impression-info{padding-bottom:1rem}.first__impression-quote h1{font-size:18px}.first__impression-experience{text-align:start;font-size:16px}.first__impression-content{height:100%;flex-direction:column}.first__impression-img .first__impression-glassbg img,.first__impression-img img{height:100%}.first__impression-img{height:260px;width:260px}.first__impression-img .first__impression-glassbg{height:150px}img{width:270px}.first__impression-content{height:75vh}.hero__btns{transform:scale(.8)}.first__impression-hero:after{display:none}}:root{--primary-color: #38369a;--secondary-color: #ffe19c;--accent-color: #e03616;--highlight-color: #1098f7}.MyLogo{width:35px;cursor:pointer;transition:.5s ease-in-out all}.MyLogo:hover{transform:scale(1.1);transition:.5s ease-in-out all}.navbar{position:fixed;top:0;width:100%;z-index:999;background:rgba(0,0,0,.336);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 0}.navActive{background:#38369a2c}.navbar__logo{display:flex;flex-grow:1;flex-basis:0}.navbar__content{display:flex;justify-content:space-between;align-items:center}.navbar__links,.navbar__links ul{display:flex}.navbar__links li a{display:block}.navbar__links a{font-family:OnestMedium;color:#a1a1a1;font-size:14px;padding:15px 30px;transition:.2s ease-in-out all}.navbar__links a:hover{color:#fff;transition:.2s ease-in-out all}.navbar__links li{cursor:pointer}.navbar__socials{display:flex;justify-content:flex-end;flex-grow:1;flex-basis:0}.navbar__socials ul{display:flex;gap:15px}.navbar__socials a{opacity:.6;transition:.5s ease-in-out all}.navbar__socials a:hover{opacity:1;transition:.5s ease-in-out all}.githubLogo,.linkedinLogo{fill:#fff;width:40px;height:40px}@media screen and (max-width: 1024px){.hamburger{display:block;width:60px}.navbar{flex-direction:column;padding:15px 2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.336)}.navbar__links{width:100%;height:0;transition:.5s ease-in-out}.navbar__socials{width:100%;display:none;justify-content:flex-end;padding:.75rem}.navbar__content{flex-direction:column;align-items:flex-start;overflow:hidden;transition:.5s}.navbar__links{transition:.5s}.navbar__links ul{display:block;transition:.5s;width:100%;flex-direction:column;gap:30px;opacity:0}.navbar__links ul li a{margin-bottom:12px}.navbar__links li a{display:block}.navbar__links.active ul{opacity:1}.navbar__links li{text-align:center}.active{height:250px;transition:.5s}.activeSocials{display:flex}.navbar__logo{width:100%}.MyLogo{width:35px;cursor:pointer;transition:.5s}}:root{--primary-color: #38369a;--secondary-color: #ffe19c;--white-color: #f6f9ee;--accent-color: #e03616;--highlight-color: #1098f7;--second-highlight: #fb8b24}.projects__title{padding-top:7rem;padding-bottom:54px;text-align:start;width:100%;font-family:OnestBold;letter-spacing:1px;font-size:34px;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to top,#c9c9c9,#fff)}.projects{display:flex;flex-direction:column;gap:4rem;padding-bottom:7rem;padding-top:3rem}.project-card{position:relative;border-radius:16px;perspective:800px;cursor:default}.project-card__inner{position:relative;display:flex;border-radius:16px;background:linear-gradient(145deg,rgba(56,54,154,.12) 0%,rgba(17,18,27,.6) 100%);border:1px solid rgba(255,255,255,.08);overflow:hidden;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s ease,box-shadow .5s ease;will-change:transform}.project-card:hover .project-card__inner{box-shadow:0 20px 60px #38369a26,0 8px 24px #0006;border-color:#ffffff1f}.project-card__glow{position:absolute;inset:0;background:radial-gradient(600px circle at var(--glow-x) var(--glow-y),rgba(56,54,154,.5),rgba(16,152,247,.25),transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.project-card:hover .project-card__glow{opacity:1}.project-card__image-wrap{position:relative;flex-shrink:0;width:50%;min-height:360px;overflow:hidden}.project-card__image-wrap a{display:block;height:100%}.project-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .6s ease;filter:brightness(.85) saturate(1.1)}.project-card:hover .project-card__image-wrap img{transform:scale(1.06);filter:brightness(1) saturate(1.2)}.project-card__image-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s ease;pointer-events:none}.project-card:hover .project-card__image-shine{transform:translate(100%)}.project-card__details{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding:2.5rem;width:50%}.project-card__pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{display:flex;align-items:center;gap:5px;padding:5px 12px;font-family:OnestMedium;font-size:12px;color:#ffffffbf;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:30px;transition:border-color .3s ease,background .3s ease}.pill--React{border-color:#00d9ff80}.pill--React:hover{border-color:#00d9ffd9;background:rgba(0,217,255,.08)}.pill--CSS{border-color:#1b72ba80}.pill--CSS:hover{border-color:#1b72bad9;background:rgba(27,114,186,.08)}.pill--NextJS{border-color:#ffffff59}.pill--NextJS:hover{border-color:#ffffffb3;background:rgba(255,255,255,.06)}.pill--Tailwind{border-color:#06b6d480}.pill--Tailwind:hover{border-color:#06b6d4d9;background:rgba(6,182,212,.08)}.pill--Strapi{border-color:#8e75ff80}.pill--Strapi:hover{border-color:#8e75ffd9;background:rgba(142,117,255,.08)}.pill--Angular{border-color:#c3002f80}.pill--Angular:hover{border-color:#c3002fd9;background:rgba(195,0,47,.08)}.project-card__title{font-family:OnestBold;font-size:1.75rem;letter-spacing:.5px;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to bottom,#fff,#c9c9c9)}.project-card__desc{font-family:Onest;font-size:15px;line-height:1.6;color:#aaa}.project-card__actions{display:flex;gap:.75rem;padding-top:.5rem}.project-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-family:OnestMedium;font-size:13px;letter-spacing:1.5px;border-radius:10px;cursor:pointer;transition:all .3s ease}.project-card__btn--ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#fffc}.project-card__btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#ffffff59;color:#fff}.project-card__btn--primary{position:relative;isolation:isolate;background:linear-gradient(135deg,var(--primary-color),var(--highlight-color));border:1px solid transparent;color:#fff;overflow:hidden}.project-card__btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--highlight-color),var(--second-highlight));opacity:0;transition:opacity .3s ease;z-index:-1}.project-card__btn--primary:hover:before{opacity:1}.project-card__btn--primary:hover{box-shadow:0 4px 20px #1098f74d}@media screen and (max-width: 1024px){.project-card__image-wrap{min-height:300px}.project-card__details{padding:2rem}}@media screen and (max-width: 768px){.projects__title{padding:7rem 0 1rem 2rem;font-size:24px}.projects{padding-left:1rem;padding-right:1rem}.project-card__inner{flex-direction:column;transform:none!important}.project-card__glow{display:none}.project-card__image-wrap{width:100%;min-height:240px;max-height:300px}.project-card__details{width:100%;padding:1.5rem}.project-card__title{font-size:1.4rem}.project-card__desc{font-size:14px}}@media screen and (max-width: 428px){.projects__title{font-size:18px;padding-left:1.5rem}.project-card__image-wrap{min-height:200px;max-height:240px}.project-card__details{padding:1.25rem;gap:1rem}.project-card__title{font-size:1.2rem}.project-card__desc{font-size:12px}.project-card__btn{font-size:11px;padding:8px 16px}.pill{font-size:10px;padding:4px 8px}}