@font-face{font-family:Cubao;src:url(/fonts/CubaoFreeVariable.woff2)}@font-face{font-family:Quiapo;src:url(/fonts/Quiapo_Free.woff2)}@font-face{font-family:Highway Gothic;src:url(/fonts/HWYGOTH.woff2)}@font-face{font-family:Highway Gothic;font-stretch:condensed;src:url(/fonts/HWYGCOND.woff2)}@font-face{font-family:Highway Gothic;font-stretch:expanded;src:url(/fonts/HWYGEXPD.woff2)}@font-face{font-family:Highway Gothic;font-stretch:narrower;src:url(/fonts/HWYGNRRW.woff2)}@font-face{font-family:Highway Gothic;font-stretch:wider;src:url(/fonts/HWYGWDE.woff2)}@font-face{font-family:Pixel Panel;src:url(/fonts/PixelPanel.woff2)}@font-face{font-family:Kagitingan;src:url(/fonts/Kagitingan-Bold.woff2)}@font-face{font-family:Abangan;src:url(/fonts/Abangan.woff2)}@font-face{font-family:Batangas;src:url(/fonts/Batangas-Bold.woff2)}@font-face{font-family:Martires;src:url(/fonts/BBTMartiresFree-Regular.woff2)}@font-face{font-family:Martires;font-weight:700;src:url(/fonts/BBTMartiresFree-ExtraBold.woff2)}@font-face{font-family:Martires;font-weight:300;src:url(/fonts/BBTMartiresFree-Regular.woff2)}@font-face{font-family:Bantayog;src:url(/fonts/Bantayog-Regular.woff2)}@font-face{font-family:Bantayog;font-weight:300;src:url(/fonts/Bantayog-Light.woff2)}@font-face{font-family:Bantayog;font-weight:200;src:url(/fonts/Bantayog-Semilight.woff2)}@font-face{font-family:Ubuntu Mono;src:url(/fonts/UbuntuMono-Regular.ttf)}

/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Ubuntu Mono;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*{scroll-behavior:smooth;font-size:1.125rem;line-height:1.75rem}*,a{font-family:Bantayog}a{text-decoration-line:underline}body{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Bantayog;font-weight:700}.h2,h2{font-size:1.875rem;line-height:2.25rem;line-height:1}@media (min-width:1024px){.h2,h2{font-size:3rem;line-height:1}}.h3,h3{font-size:1.5rem;line-height:2rem;line-height:1}@media (min-width:1024px){.h3,h3{font-size:2.25rem;line-height:2.5rem}}.h4,h4{font-size:1.25rem;line-height:1.75rem;line-height:1}@media (min-width:1024px){.h4,h4{font-size:1.875rem;line-height:2.25rem}}.h5,h5{font-size:1.125rem;line-height:1.75rem;line-height:1}@media (min-width:1024px){.h5,h5{font-size:1.5rem;line-height:2rem}}.karatula{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));padding:1rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.karatula h1,.karatula h2{font-family:Cubao}::-webkit-scrollbar-track{background-color:red}.button,.button-primary{display:flex;border-radius:9999px;padding:.5rem 1rem .25rem;text-align:center;font-family:Cubao;font-size:1.5rem;line-height:2rem;text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.button-primary{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.button-primary:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity))}.button-primary:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity))}.button-primary:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.button-secondary{display:flex;border-radius:9999px;padding:.5rem 1rem .25rem;text-align:center;font-family:Cubao;font-size:1.5rem;line-height:2rem;text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-width:2px;--tw-border-opacity:1;border-color:rgb(2 6 23/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity))}.button-secondary:hover{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.button-secondary:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.button-secondary:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity))}.button-primary-subtle{display:flex;border-radius:9999px;padding:.5rem 1rem .25rem;text-align:center;font-family:Cubao;font-size:1.5rem;line-height:2rem;text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.button-primary-subtle:hover{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.button-primary-subtle:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.button-primary-subtle:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.dark-mode-switch{position:fixed;bottom:.5rem;left:.5rem;display:flex;aspect-ratio:1/1;align-items:center;justify-content:center}.dark-mode-switch svg{fill:#ef4444}header{position:fixed;z-index:50;width:100%}header .scroll-window:not(.scrollable)~.nav-button{display:none}header .nav-button{position:absolute;top:0;z-index:60;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity));padding-left:.25rem;padding-right:.25rem;--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity))}header .nav-next{right:0}header *{white-space:nowrap;font-family:Quiapo;font-size:1.875rem;line-height:2.25rem;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}header a:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}header .scroll-window{margin-left:auto;margin-right:auto;width:100%;max-width:100%;overflow:auto;--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:640px){header .scroll-window{margin-top:1rem;width:max-content}}header .scroll-window.scrollable{margin-top:0}header .inner-container{display:flex;width:100%;flex-direction:row;column-gap:2rem;--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;padding-top:.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:640px){header .inner-container{width:max-content;border-radius:9999px}}header .scrollable .inner-container{width:max-content;border-radius:0}header .links-container ul{display:flex;flex-direction:row;column-gap:2rem}.hero .banner-container{display:flex;min-height:100svh;width:100%;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:hidden}.hero .banner-container .inner-container{display:flex;row-gap:.5rem;padding-left:1rem;padding-right:1rem}.hero .banner-container .inner-container .karatula{z-index:10;cursor:pointer}.hero .banner-container .inner-container h1,.hero .banner-container .inner-container h2{font-weight:400;text-transform:uppercase;line-height:.9}.hero .banner-container .inner-container h1{font-size:25vw;--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}@media (min-width:640px){.hero .banner-container .inner-container h1{font-size:12vw}}.hero .banner-container .inner-container h2{font-size:10vw;--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}@media (min-width:640px){.hero .banner-container .inner-container h2{font-size:7.12vw}}.hero .about-container{position:relative;margin-left:auto;margin-right:auto;margin-top:-100svh;min-height:200svh;max-width:80rem;scroll-margin-top:24rem}@media (min-width:640px){.hero .about-container{min-height:150svh}}.hero .about-container .inner-container{position:sticky;top:0;margin-left:auto;margin-right:auto;display:flex;height:100svh;flex-direction:column;align-items:center;justify-content:center}@media (min-width:640px){.hero .about-container .inner-container{flex-direction:row}}.hero .about-container .inner-container .image-container{aspect-ratio:auto;height:50%;width:100%;padding-top:2.5rem}@media (min-width:640px){.hero .about-container .inner-container .image-container{height:100%;width:50%;padding-top:0}}.hero .about-container .inner-container .image-container canvas{aspect-ratio:1/1;height:100%}.hero .about-container .inner-container .content-container{display:flex;height:50%;width:100%;align-items:flex-start;padding:1rem}@media (min-width:640px){.hero .about-container .inner-container .content-container{height:100%;width:50%;align-items:center}}.hero .about-container .inner-container .content-container p{font-family:Bantayog;font-weight:700;font-size:1.875rem;line-height:2.25rem;line-height:1}@media (min-width:1024px){.hero .about-container .inner-container .content-container p{font-size:3rem;line-height:1}}.hero .about-container .inner-container .content-container p{text-align:center;font-weight:400}@media (min-width:640px){.hero .about-container .inner-container .content-container p{text-align:left}}.skills{width:100%;scroll-margin-top:2.5rem}.skills h2{text-align:center}.skills .inner-container{margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:62rem;flex-direction:column;row-gap:1rem;padding:3rem 1rem}.skills .inner-container .skills-list{display:flex;flex-direction:column;gap:.5rem;row-gap:2rem}@media (min-width:640px){.skills .inner-container .skills-list{flex-direction:row}}.skills .inner-container .skills-list .skill{display:flex;width:100%;flex-direction:column;row-gap:1rem}.skills .inner-container .skills-list .skill .image-container{display:flex;width:8rem}@media (min-width:640px){.skills .inner-container .skills-list .skill .image-container{width:8rem;height:8rem}}.skills .inner-container .skills-list .skill .image-container img{height:100%;width:auto}.skills .inner-container .skills-list .skill .image-container svg{fill:#020617;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.skills .inner-container .skills-list .skill .image-container svg:where(.dark,.dark *){fill:#fff}.skills .inner-container .skills-foot,.skills .inner-container .skills-list .skill .body-container{display:flex;flex-direction:column;row-gap:.5rem}@media (min-width:640px){.skills .inner-container .skills-foot a{width:max-content}}.projects{scroll-margin-top:2.5rem}.projects h2{text-align:center}.projects .inner-container{margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:62rem;flex-direction:column;row-gap:1rem;padding:3rem 1rem}.projects .projects-carousel{margin-left:-.5rem;margin-right:-.5rem}.projects .projects-carousel .slick-slider{display:flex;align-items:center;justify-content:center}.projects .projects-carousel .slick-slider:has(.nav-arrow){padding-left:2rem;padding-right:2rem}.projects .projects-carousel .slick-slider a{text-decoration-line:none}.projects .projects-carousel .slick-slider .nav-arrow{position:absolute;z-index:10;display:flex;aspect-ratio:1/1;height:auto;width:2rem;align-items:center;justify-content:center;padding:.25rem 0 0;font-size:.875rem;line-height:1.25rem}.projects .projects-carousel .slick-slider .next-arrow{right:0}.projects .projects-carousel .slick-slider .prev-arrow{left:0}.projects .card-wrapper{padding:.5rem}.projects .project-card{overflow:hidden;border-radius:.75rem;text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.projects .project-card:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.projects .project-card .content-container{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity));padding:1rem;--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.projects .project-card .content-container:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity))}.projects .project-card h4{line-height:1}.projects .project-card .site-url{font-size:.875rem;line-height:1.25rem}.contact{scroll-margin-top:2.5rem}.contact .inner-container{margin-left:auto;margin-right:auto;margin-bottom:3rem;display:flex;width:100%;max-width:62rem;flex-direction:column;row-gap:1rem;padding:3rem 1rem;text-align:center}.contact .contact-foot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width:640px){.contact .contact-foot{flex-direction:row}}.contact .contact-foot a{width:100%;justify-content:center}@media (min-width:640px){.contact .contact-foot a{width:max-content}}.work-experience{scroll-margin-top:2.5rem}.work-experience h2{text-align:center}.work-experience .inner-container{margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:62rem;flex-direction:column;row-gap:1rem;padding:3rem 1rem}.work-experience .inner-container a{justify-content:center}@media (min-width:640px){.work-experience .inner-container a{width:max-content}}.work-experience .inner-container .we-list{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.work-experience .inner-container .we-list{flex-direction:row;flex-wrap:wrap;column-gap:0}}.work-experience .inner-container .we{width:100%}@media (min-width:640px){.work-experience .inner-container .we{width:50%}}.visible{visibility:visible}.hidden{display:none}.resize{resize:both}.font-mono{font-family:Ubuntu Mono}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}