html{box-sizing:border-box;scroll-behavior:smooth}html *,html :before,html :after{box-sizing:inherit}html body{color:var(--lightningcss-light,#111)var(--lightningcss-dark,#fffc);margin:0;font-family:Poppins,sans-serif;font-size:16px}html ul{margin:0;padding:0;list-style:none}html a{text-decoration:none}html img{max-width:100%;height:auto;display:block}.section{padding:4rem 0}.section .section__title{text-align:center;color:#fff;margin:20px}.grid--container{max-width:1024px;margin:0 auto;padding:0 20px;display:grid}.flex--container{justify-content:center;align-items:center;display:flex}.btn{cursor:pointer;color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#6a6a6a);background-color:var(--lightningcss-light,#111)var(--lightningcss-dark,#fffc);border:none;border-radius:5px;outline:none;padding:1.5rem 4rem;transition:all .3s ease-in-out;display:inline-block}.btn:hover{transform:translateY(-4px);box-shadow:0 3px 10px #ee991a}.btn--primary{color:var(--lightningcss-light,#111)var(--lightningcss-dark,#fffc);background-color:var(--lightningcss-light,#e0e0e0)var(--lightningcss-dark,#6a6a6a)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--lightningcss-light,#ca5c13)var(--lightningcss-dark,#6a6a6a);border-radius:4px}.header{z-index:2;background-color:#fff;align-content:center;width:100%;height:60px;animation:linear both animation-bar;animation-timeline:scroll(root);animation-range:0 200px;position:fixed;top:0;left:0}.header .navbar{justify-content:space-between}.header .navbar .navbar__logo{color:var(--lightningcss-light,#111)var(--lightningcss-dark,#fffc);column-gap:.25rem;font-weight:600}.header .navbar .navbar__menu{z-index:2;background-color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#6a6a6a);border-radius:0 0 12px 12px;width:100%;padding:2rem 0;transition:all .6s;position:fixed;top:-600%;left:0;box-shadow:0 1px 9px 2px #00000024}.header .navbar .navbar__menu:target{top:0}.header .navbar .navbar__menu .navbar__list{flex-direction:column;gap:20px}.header .navbar .navbar__menu .navbar__list .navbar__item{font-family:walcorg-nasalization;position:relative}.header .navbar .navbar__menu .navbar__list .navbar__item .submenu{opacity:0;visibility:hidden;z-index:1000;background-color:gray;flex-direction:column;gap:5px;min-width:115px;padding:10px 0;transition:all .3s;display:flex;position:absolute;top:100%;left:0;transform:translateY(-10px)}.header .navbar .navbar__menu .navbar__list .navbar__item .submenu li a{color:#fff;padding:8px 20px;font-size:14px;transition:all .3s;display:block}.header .navbar .navbar__menu .navbar__list .navbar__item .submenu li a:hover{color:#ee991a}.header .navbar .navbar__menu .navbar__list .navbar__item:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.header .navbar .navbar__menu .btn__close{background-color:var(--lightningcss-light,#eee)var(--lightningcss-dark,#111);border-radius:50%;width:38px;height:38px;position:absolute;top:16px;right:16px}.header .navbar .navbar__menu .btn__close:hover{background-color:#dfdfdf}.btn__open,.btn__close,.navbar__logo i{color:var(--lightningcss-light,#111)var(--lightningcss-dark,#fffc);font-size:2.2rem;transition:all .3s}.btn__open:hover{background-color:#dfdfdf}@keyframes animation-bar{to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#6a6a6a);box-shadow:0 10px 100px #0000001a}}.hero{background-color:#000;justify-content:space-between;align-items:center;gap:40px;min-height:100vh;padding:60px;display:flex}.hero__content{flex:1;max-width:500px}.hero__title{color:#2edf16;margin-bottom:20px;font-family:walcorg-cargo;font-size:64px;font-weight:500;line-height:1.1}.hero__description{color:#aaa;margin-bottom:30px;font-size:16px;line-height:1.6}.hero__btn{color:#fff;border:1px solid #fff;padding:12px 28px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.hero__btn:hover{color:#000;background:#fff}.hero__image{flex:1;justify-content:center;display:flex}.hero__image img{object-fit:contain;width:100%;max-width:500px}.about{background-color:#000;font-family:walcorg-nasalization;overflow:hidden}.about .about__container .about__description{text-align:center}.about .about__container .about__cards{flex-direction:column;gap:2rem;margin-top:2rem}.about .about__container .about__cards .about__card{color:#fff;background-color:#000;border-radius:5px;box-shadow:0 10px 100px #d407071a}.about .about__container .about__cards .about__card .about__card--img{object-fit:cover;width:100%;height:100%}.skills{background-color:var(--lightningcss-light,#eee)var(--lightningcss-dark,#111);background-image:url(/assets/test01-u2Gsm31l.jpg);font-family:walcorg-nasalization}.skills .skills__container .skills__description{text-align:center}.skills .skills__container .skills__wrapper .skills__cards{flex-direction:column;gap:1rem;width:100%;display:flex}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container{-webkit-backdrop-filter:blur(10px);text-align:center;height:100px;width:inherit;background:linear-gradient(135deg,#ffffff1a,#e1ffff00);border-radius:1rem;padding:20px;transition:all .5s cubic-bezier(.6,-.28,.735,.045);overflow:hidden}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container .skills__cards-title{cursor:pointer;align-items:start;height:100%;list-style:none}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container .skills__cards-title .bx{color:var(--lightningcss-light,#111)var(--lightningcss-dark,#fffc);background-color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#6a6a6a);border-radius:50%;width:50px;padding:8px;font-size:3rem}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container .skills__card-container{color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#6a6a6a);height:300px;overflow:hidden}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container[open]{height:400px}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container[open] .skills__cards-title{height:auto}.skills .skills__container .skills__tags{flex-direction:column;margin-top:26px}.skills .skills__container .skills__tags .skills__tags-container{flex-wrap:wrap;gap:1rem}.skills .skills__container .skills__tags .skills__tag{color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#6a6a6a);background-color:var(--lightningcss-light,#111)var(--lightningcss-dark,#fffc);border-radius:5px;padding:.75rem 1.5rem;font-size:12px;font-weight:600;display:inline-block}.footer{color:#ccc;background:#0f1a24;justify-content:center;padding:40px 20px;display:flex}.footer__container{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:800px;display:flex}.footer__title{color:#fff;font-size:28px}.footer__text{color:#aaa;font-size:14px}.footer__form{background:#1c2b38;border-radius:50px;justify-content:center;align-items:center;max-width:500px;margin:0 auto;display:flex;overflow:hidden}.footer__form input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px 16px}.footer__form input::placeholder{color:#888}.footer__form button{color:#fff;cursor:pointer;background:#fc3;border:none;padding:12px 24px;transition:all .3s}.footer__form button:hover{background:#ff4d4d}.footer__social{justify-content:center;gap:15px;display:flex}.footer__social a{color:#888;font-size:14px;text-decoration:none;transition:all .3s}.footer__social a:hover{color:#fff}.footer__copy{color:#666;font-size:12px}@media (width>=820px){:root{--header-height:90px;--normal-font-size:18px;--small-font-size:14px}.header .navbar .navbar__menu{box-shadow:none;background-color:#0000;border-radius:0;position:static}.header .navbar .navbar__menu .navbar__list{flex-direction:row}.header .navbar .navbar__menu .btn__close{display:none}.header .navbar .navbar__menu .navbar__item .submenu{background-color:#000;position:absolute;top:40px;left:0}.header .btn__open{display:none}.home .home__container{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.home .home__container .home__image{grid-area:1/2/4/3;width:clamp(min(375px,100%),48vw,500px);transform:translateY(3.3rem)}.home .home__container .home__social{flex-direction:row;grid-row:2/3;gap:1.5rem;position:relative;top:0;left:0}.home .home__container .home__social .home__social-link{font-size:2rem}.home .home__container .home__info .home__title{margin-top:2rem;font-size:2rem}.home .home__container .home__info .home__description{padding:0 30px;font-size:1.3rem}.about .about__container .about__cards{flex-direction:row}.about .about__container .about__cards .about__card{transition:transform .2s}.about .about__container .about__cards .about__card:first-child,.about .about__container .about__cards .about__card:nth-child(3){transform:rotate(0)}.about .about__container .about__cards .about__card:hover{z-index:1;cursor:pointer;transform:scale(1.1)}.skills .skills__container .skills__wrapper .skills__cards{flex-direction:row}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container{width:130px;height:500px}.skills .skills__container .skills__wrapper .skills__cards .skills__cards-container[open]{height:500px;width:inherit}.navbar__menu .footer .footer__container{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.hero{text-align:center;flex-direction:column;padding:40px 20px}.hero__content{max-width:100%}.hero__image{order:-1;width:100%}.hero__image img{width:100%;max-width:100%}.hero__title{font-size:42px}}@media (width<=600px){.footer__form{border-radius:12px;flex-direction:column}.footer__form input{text-align:center;width:100%}.footer__form button{width:100%}}@font-face{font-family:walcorg-cargo;src:url(/assets/walcorg%20cargo-CWQe5YmV.ttf)}@font-face{font-family:walcorg-bgothm;src:url(/assets/walcorg%20bgothm-CKkwSfhx.ttf)}@font-face{font-family:walcorg-calibri;src:url(/assets/walcorg%20calibri-D-ySxoG0.ttf)}@font-face{font-family:walcorg;src:url(/assets/walcorg%20consola-BJc6iWDT.ttf)}@font-face{font-family:walcorg;src:url(/assets/walcorg%20ocraext-8IFK1BoS.ttf)}@font-face{font-family:walcorg-nasalization;src:url(/assets/walcorg%20nasalization-DeXB2VPf.otf)}
