.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(--background-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}: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:Kanit,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{text-align:right}.container{max-width:1200px;margin:0 auto;padding:0 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:.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}.card:before{content:"";position:absolute;inset:5px -5px -5px 5px;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:Kanit,sans-serif;display:inline-flex;align-items:center;justify-content:center;border:none;margin:.5rem}.btn:hover{background-color:#e60000;transform:translateY(-2px)}@keyframes subtleMove{0%{background-position:0 0}to{background-position:-100px 100px}}.prose table{width:100%;overflow-x:auto;display:block}.masonry-grid{-moz-column-count:3;column-count:3;-moz-column-gap:1rem;column-gap:1rem}.masonry-grid .card{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}@media (max-width: 1024px){.masonry-grid{-moz-column-count:2;column-count:2}}@media (max-width: 767px){.masonry-grid{-moz-column-count:1;column-count:1}}