:root{--clr-1: #225c10;--clr-2: transparent;--clr-3: #00000033;--border-size: 1px;--border-radius: .5rem;--glow-size: 3rem;--glow-opacity: .5;--animation-duration: 15s}@media (prefers-color-scheme: dark){:root{--clr-1: #71a7f8;--clr-2: transparent;--clr-3: #00000088;--glow-opacity: .4 }}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@media (hover: hover) and (pointer: fine){.magic-box.svelte-1yht3z3:before,.magic-box.svelte-1yht3z3:after{content:"";position:absolute;inset:calc(var(--border-size) * -1);z-index:-1;background:conic-gradient(from var(--gradient-angle),var(--clr-1),var(--clr-2),var(--clr-3),var(--clr-2),var(--clr-1));opacity:var(--glow-opacity);border-radius:var(--border-radius);animation:svelte-1yht3z3-rotation var(--animation-duration) linear infinite}.magic-box.svelte-1yht3z3:after{filter:blur(var(--glow-size))}}@keyframes svelte-1yht3z3-rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.bento-grid.svelte-1ekgxz6 .ga-image:where(.svelte-1ekgxz6){grid-area:img}.bento-grid.svelte-1ekgxz6 .ga-about:where(.svelte-1ekgxz6){grid-area:abo}.bento-grid.svelte-1ekgxz6 .ga-blog:where(.svelte-1ekgxz6){grid-area:blo}.bento-grid.svelte-1ekgxz6 .ga-photo:where(.svelte-1ekgxz6){grid-area:pho}@media (hover: hover) and (pointer: fine){.bento-grid.svelte-1ekgxz6 .bento-box--glow:where(.svelte-1ekgxz6){position:relative}.bento-grid.svelte-1ekgxz6 .bento-box--glow:where(.svelte-1ekgxz6):before,.bento-grid.svelte-1ekgxz6 .bento-box--glow:where(.svelte-1ekgxz6):after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;background:conic-gradient(from 0deg,#71a7f8,transparent,transparent,transparent,#71a7f8);opacity:.3;border-radius:.5rem}@media (prefers-color-scheme: dark){.bento-grid.svelte-1ekgxz6 .bento-box--glow:where(.svelte-1ekgxz6):before,.bento-grid.svelte-1ekgxz6 .bento-box--glow:where(.svelte-1ekgxz6):after{background:conic-gradient(from 0deg,#71a7f8,transparent,transparent,transparent,#71a7f8);opacity:.1}}.bento-grid.svelte-1ekgxz6 .bento-box--glow:where(.svelte-1ekgxz6):after{filter:blur(10rem)}}.bento-grid.svelte-1ekgxz6{grid-template-columns:1fr;grid-template-areas:"img" "abo" "blo" "pho"}@media (width > 1024px){.bento-grid.svelte-1ekgxz6{grid-template-columns:repeat(3,1fr);grid-template-areas:"img img img" "abo blo blo" "pho pho pho"}}@media (width > 1280px){.bento-grid.svelte-1ekgxz6{grid-template-columns:repeat(5,1fr);grid-template-areas:"img img img img abo" "img img img img abo" "img img img img abo" "blo blo pho pho pho"}}