.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.nav-btn[data-astro-cid-3ef6ksr2]{display:inline-block;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:700;font-family:Kanit,sans-serif;background-color:var(--secondary-color);color:var(---secondary-text-color);transition:background-color .3s ease,color .3s ease}.nav-btn[data-astro-cid-3ef6ksr2]:hover{background-color:var(--tertiary-color);color:var(---secondary-text-color)}.btn[data-astro-cid-3ef6ksr2]{display:inline-block;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:700;font-family:Kanit,sans-serif;background-color:var(--secondary-color);color:var(--secondary-text-color);transition:background-color .3s ease,color .3s ease}.btn[data-astro-cid-3ef6ksr2]:hover{background-color:var(--tertiary-color);color:var(---secondary-text-color)}a[data-astro-cid-3ef6ksr2].no-underline{text-decoration:none}.footer-content[data-astro-cid-sz7xmlte]{padding:2rem 1rem 1rem;text-align:center}p[data-astro-cid-sz7xmlte]{margin-bottom:1rem}.footer-nav[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;align-items:center;gap:1.5rem}.footer-nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--primary-color);transition:color .3s ease;text-decoration:none}.footer-nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--tertiary-color)}.footer-nav[data-astro-cid-sz7xmlte] i[data-astro-cid-sz7xmlte]{font-size:1.5rem}@font-face{font-family:Podkova;src:url(/fonts/Podkova-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Red Hat Display;src:url(/fonts/RedHatDisplay-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary-color: #0000FF;--secondary-color: #FF0000;--tertiary-color: #FFFF00;--background-color: #FFFF00;--card-background-color: #FFFFFF;--text-color: #000000;--secondary-text-color: #FFFFFF;--shadow-color: rgba(0, 0, 0, .1);--header-color: #FFFFFF;--grid-color: rgba(0, 0, 255, .1);--grid-size: 50px}::-moz-selection{background-color:var(--secondary-color);color:var(--secondary-text-color)}::selection{background-color:var(--secondary-color);color:var(--secondary-text-color)}body{font-family:Podkova,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;margin:0;padding:0;position:relative;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M8 28L24 4 16 20H24L8 28Z' fill='white' stroke='%230000FF' stroke-width='2'/%3E%3C/svg%3E") 8 8,auto;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);animation:subtleMove 60s linear infinite}main{flex-grow:1}h1,h2,h3,h4,h5,h6{font-family:Red Hat Display,sans-serif}h1{text-align:right}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.masonry-grid{margin:1.5rem}.card{border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;background:transparent;margin:1.5rem}.card-content{background:var(--card-background-color);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);height:100%;display:flex;flex-direction:column;transition:color .3s ease,background-color .3s ease;overflow:hidden}.card:before{content:"";position:absolute;inset:8px -8px -8px 8px;background:var(--primary-color);z-index:-1;border-radius:8px;transform:skew(2deg,2deg);transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card:hover:before{transform:skew(-2deg,-2deg)}.card a,.card p,.card h3{transition:color .3s ease}.btn{background-color:var(--secondary-color);color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;font-weight:700;font-family:Podkova,sans-serif;display:inline-flex;align-items:center;justify-content:center;border:none;margin:.5rem}.btn:hover{background-color:#e60000;transform:translateY(-2px)}img{max-width:100%;height:auto}.portfolio-image{width:100%;height:auto;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:8px;display:block}@keyframes subtleMove{0%{background-position:0 0}to{background-position:-100px 100px}}.prose table{width:100%;overflow-x:auto;display:block}/*!
* Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}