body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}html{font-size:10px;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{background-color:var(--fill);background-image:url("./../imgs/background-wave.webp");background-size:cover;background-position:center center;backdrop-filter:blur(20px)}@media(max-width: 768px){body{background-image:url("./../imgs/background-wave-mb.webp")}}section,footer{display:flex;align-items:center;flex-direction:column;width:100%}.container{width:90%;max-width:1300px}a{text-decoration:none;color:var(--color)}.title{font-size:6rem;font-family:"Bebas Neue",sans-serif;font-weight:400;font-style:normal;color:var(--special);line-height:5rem}.text{color:var(--color);font-family:"Poppins",sans-serif;font-weight:500;font-style:normal;font-size:2rem;text-align:justify}.btn{font-size:2rem;position:relative;flex:1;font-family:"Bebas Neue",sans-serif;font-weight:400;font-style:normal;border-radius:50rem;border:1px solid var(--special);padding:.5rem 1rem;cursor:pointer;overflow:hidden;z-index:1;background-color:rgba(0,0,0,0);color:var(--special)}.btn:hover{color:var(--color)}.btn:after{content:"";background:var(--special);position:absolute;z-index:-1;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(-45deg) scale(0, 1);transition:all .5s}.btn:hover:after{transform:skewX(-45deg) scale(1, 1);-webkit-transition:all .5s;transition:all .5s}body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}.navbar{background-color:var(--fill-transparent);background-blend-mode:overlay;width:100%;height:4rem;display:flex;position:fixed;justify-content:center}.navbar__container{display:flex;justify-content:space-between;align-items:center}.navbar__container img{width:4rem}.navbar__list{display:flex;list-style:none}.navbar__item{margin-left:2rem;position:relative;display:block}.navbar__item.active::after{content:"";display:block;position:absolute;width:100%;height:2px;left:0;right:0;bottom:0px;background-color:var(--special);z-index:2}.navbar__item.active .navbar__link:hover{color:var(--color)}.navbar__logo-container{display:flex;align-items:center;gap:1rem;cursor:pointer}.navbar__link{font-size:1.8rem;font-family:"Bebas Neue",sans-serif;font-weight:400;font-style:normal;position:relative;transition:all 300ms ease-in-out}.navbar__link:hover{color:var(--special)}.navbar__link:active{filter:brightness(0.6)}.navbar__title{font-size:1.6rem;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-weight:peso;font-style:normal;color:var(--special);user-select:none}body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}.display__container{min-height:100dvh;padding:4rem 0}.home{display:flex;align-items:center;padding:0 6rem;min-height:calc(100dvh - 8rem);flex-wrap:wrap}.home__img{height:100%;min-width:40%;max-width:400px;justify-self:center}.home__img img{width:100%;padding:3rem;transition:all 300ms ease-in-out;cursor:crosshair}.home__img img:hover{transform:scale(1.1) rotate(10deg);filter:drop-shadow(black 0 0 10px)}.home__text-btn{height:100%;flex:1 1;padding:3rem}.home__btns{margin-top:2rem;display:flex;gap:.5rem}body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}.projects{--gap: clamp(16px, 3vw, 28px);--pad: clamp(16px, 4vw, 48px);--radius-lg: 18px;--radius-sm: 12px;--accent: #d60000;width:100%;min-height:calc(100dvh - 8rem);padding:var(--pad);display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--gap);align-content:start;justify-content:center}.projects__project{position:relative;max-width:400px;height:auto;padding:clamp(16px,2.5vw,24px);padding-bottom:1rem;padding-top:1.8rem;border-radius:var(--radius-sm) var(--radius-lg);overflow:clip;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 hsla(0,0%,100%,.1);animation:card-in .4s cubic-bezier(0.22, 0.61, 0.36, 1) both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.projects__project::before{content:"";position:absolute;inset:0;padding-top:3px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg, var(--accent), rgba(214, 0, 0, 0) 60%) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}.projects__project:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.18);box-shadow:0 16px 40px rgba(0,0,0,.34),inset 0 1px 0 hsla(0,0%,100%,.12)}.projects__project:focus-within{box-shadow:0 0 0 2px rgba(214,0,0,.2),0 0 0 6px rgba(214,0,0,.28),0 16px 40px rgba(0,0,0,.34);border-color:hsla(0,0%,100%,.22)}.projects__img{width:100%;aspect-ratio:16/9;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);display:block;object-fit:cover;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));transition:transform .25s ease,filter .25s ease}.projects__project:hover .projects__img{transform:scale(1.02);filter:drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45))}.projects__content{display:flex;gap:.75rem;justify-content:space-between;align-items:center;padding-top:1rem;flex-wrap:wrap}.projects__title{font-family:"Bebas Neue",sans-serif;font-weight:400;font-style:normal;font-size:2rem}.projects__text{font-family:"Poppins",sans-serif;font-weight:300;font-style:normal;font-size:1.2rem}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.projects__project{background:var(--fill-transparent2, rgba(20, 20, 24, 0.92))}.projects__content .projects__cta{background:hsla(0,0%,100%,.08)}}@media(prefers-color-scheme: dark){.projects__project{background:linear-gradient(135deg, rgba(17, 18, 22, 0.86), rgba(17, 18, 22, 0.72));border-color:hsla(0,0%,100%,.1);color:#eaeefc}}@media(prefers-reduced-motion: reduce){.projects__project,.projects__img,.projects__content .projects__cta{transition:none;animation:none}}@keyframes card-in{from{opacity:0;transform:translateY(6px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}.linksbio{width:100%;min-height:calc(100dvh - 8rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.linksbio__title{text-align:left;width:100%;max-width:500px;color:#fff;margin-left:.3rem;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-weight:peso;font-style:normal;font-size:1.8rem}.linksbio__list{list-style:none;display:flex;flex-direction:column;width:100%;max-width:500px;gap:.5rem}.linksbio__link{display:flex;flex:1}.linksbio__svg{width:5rem}.linksbio__item{background-color:rgba(24,23,23,.2039215686);backdrop-filter:blur(10px);padding:2rem;border-radius:1rem;border:1px rgba(255,24,24,.034) solid}.linksbio__content{display:flex;justify-content:center;flex-direction:column;padding-left:3rem}.linksbio__content-title{font-family:"Bebas Neue",sans-serif;font-weight:400;font-style:normal;font-size:2rem;margin:0}.linksbio__content-text{font-size:1.6rem;font-family:"Poppins",sans-serif;font-weight:300;font-style:normal;margin-top:-0.8rem}.glass-black{--radius: 14px;--pad: clamp(16px, 2.4vw, 28px);--bg-1: rgba(8, 8, 10, .72);--bg-2: rgba(18, 18, 22, .48);--border: rgba(255, 255, 255, .06);position:relative;display:block;padding:var(--pad);border-radius:var(--radius);background:linear-gradient(135deg, var(--bg-1), var(--bg-2));backdrop-filter:blur(18px) saturate(140%) contrast(105%);-webkit-backdrop-filter:blur(18px) saturate(140%) contrast(105%);border:1px solid var(--border);box-shadow:0 10px 32px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.92);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.glass-black::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, rgba(92, 0, 0, 0.16), rgba(124, 0, 0, 0) 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:.5px;-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}.glass-black::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(1200px 420px at 50% -200px, rgba(109, 4, 4, 0.06), transparent 60%)}.glass-black:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.1);box-shadow:0 14px 40px rgba(0,0,0,.62),inset 0 1px 0 hsla(0,0%,100%,.08)}.glass-black:active{transform:translateY(0)}.glass-black:focus-visible{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.08),0 0 0 6px hsla(0,0%,100%,.12),0 14px 40px rgba(0,0,0,.6)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-black{background:rgba(20,20,24,.92)}}@media(prefers-reduced-motion: reduce){.glass-black{transition:none}}body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}.footer{background-color:var(--fill-transparent);position:fixed;right:0;bottom:0}.footer__container{display:flex;align-items:center;justify-content:space-between}.footer__list{display:flex;list-style:none;gap:.5rem}.footer__item{display:flex;align-items:center;justify-content:center}.footer__icon{width:3rem;transition:all 300ms ease-in}.footer__icon.tiktok{width:2.6rem}.footer__icon:hover{filter:brightness(0.6)}.footer__copyright{padding:1rem 0;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-weight:peso;font-style:normal;font-size:1.4rem;color:var(--color)}body{--fill: #181717;--fill2: rgb(16.1872340426, 15.5127659574, 15.5127659574);--fill-transparent: rgba(0, 0, 0, 0.3);--fill-transparent2: rgba(0, 0, 0, 0.5);--color: #F2F2F2;--special: #D60000}@media(max-width: 1023px){.home{flex-direction:column;padding:0}.home__img{min-width:none;max-width:300px}.home__text-btn,.home__img{flex:1}.home__img{display:flex;align-items:end}.home__img img{aspect-ratio:15/17}.title{font-size:4rem}.text{font-size:1.4rem}.btn{font-size:1.5rem}}@media(max-width: 640px){.title{font-size:3rem;line-height:3rem}.text{font-size:1.2rem}.btn{font-size:1.2rem}.footer__container{flex-direction:column}.footer__copyright{text-align:center;font-size:1.2rem}.footer__icon{width:2rem}.navbar__title,.navbar__link{font-size:1.4rem}.linksbio__title{font-size:1.4rem}.linksbio__content-title{font-size:1.7rem}.linksbio__content-text{font-size:1.4rem}.linksbio__svg{width:4rem}}@media(max-width: 320px){.home__img{min-width:none;max-width:200px}.title{font-size:2.5rem;line-height:3rem}.text{font-size:1rem;line-height:1.2rem}.btn{font-size:1rem;line-height:1.2rem}}