#share[data-astro-cid-w5y5v3is]{transition:all .3s ease;opacity:0;pointer-events:none;background-color:unset}.card[data-astro-cid-k5dqpgkg][data-area=profile]{flex-direction:column;gap:var(--fluid-2);background:radial-gradient(at center right,#020202,#0d0d0d) padding-box,linear-gradient(230deg,#161616,#222) border-box;border:1px solid transparent;>[data-astro-cid-k5dqpgkg]{z-index:1}.background{z-index:0}button{z-index:1;position:absolute;top:var(--fluid-0);right:var(--fluid-0)}header{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"avatar name" "avatar job";row-gap:var(--fluid--4);align-items:center;span:first-child{z-index:1;grid-area:name;font-size:var(--fluid-1);font-weight:700}span:last-child{z-index:1;grid-area:job;font-size:var(--fluid-0);font-weight:400;color:#5e5e5e}}h1{font-weight:600;font-family:monospace;-webkit-text-stroke:1px oklch(1 0 0);-webkit-text-fill-color:transparent}p{font-size:var(--fluid-1);color:gray;max-width:none}}.card[data-astro-cid-j4kkkver][data-area=contact]{container-type:inline-size;justify-content:space-between;overflow:unset;padding:0}.contact-container[data-astro-cid-j4kkkver]{display:flex;width:100%;flex:1;justify-content:space-between;border-radius:inherit;gap:var(--fluid-1);a{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--fluid-0);padding:var(--fluid--2);border-radius:inherit;span{display:none}}}@container (min-width: 210px){.contact-container[data-astro-cid-j4kkkver]{display:flex;align-items:center;justify-content:center;background-color:unset;border:none;a{flex:1;display:flex;align-items:center;justify-content:center;height:100%}}}@container (min-width: 380px){.contact-container[data-astro-cid-j4kkkver]{gap:var(--fluid--2);display:flex;align-items:center;justify-content:center;a{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--fluid--2);padding:var(--fluid--2);height:100%;border-radius:var(--rad) var(--rad);span{display:block;text-align:center}:hover{box-shadow:none}}}}ul[data-astro-cid-5fnpwydk]{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--fluid--2)}li[data-astro-cid-5fnpwydk]{font-size:var(--fluid-0);padding:var(--fluid--3) var(--fluid--2);border-radius:0;background:radial-gradient(at center right,#020202,#0d0d0d) padding-box,linear-gradient(230deg,#161616,#222) border-box;border:1px solid transparent}.card[data-astro-cid-urtixuz3].project{gap:var(--fluid-2);flex-direction:column;align-items:center;justify-content:center;div{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--fluid-0)}div:before{content:"";position:absolute;top:0;left:0;transform:translateY(-90%);width:100%;height:var(--fluid-4);background:linear-gradient(to top,#000000e6,#0000 90%);z-index:0}h2{a{position:relative;display:inline-flex;align-items:center;gap:var(--fluid--1)}svg{--size: var(--fluid-2);width:var(--size);height:var(--size)}}:where(h2,p){text-shadow:1px 1px 1px rgba(0,0,0,.5)}@media screen and (min-width: 1024px){:is(img){filter:grayscale(1)}&:hover :is(img){filter:grayscale(0)}}}.card[data-area=game-of-life]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fluid-1);background:radial-gradient(at center right,#020202,#0d0d0d) padding-box,linear-gradient(230deg,#161616,#222) border-box;border:1px solid transparent;padding:0}.game-grid{display:grid;grid-template-columns:repeat(var(--totalCols),20px);grid-template-rows:repeat(var(--totalRows),20px);gap:1px;background-color:#0f0f0f}.game-grid div{width:20px;height:20px;background-color:#000}.controls{display:flex;justify-content:center;gap:var(--fluid-1);margin-top:var(--fluid-1);margin-bottom:var(--fluid-1);align-items:center;width:100%;max-width:400px;padding:var(--fluid-0);>button{border:1px solid oklab(1 0 0 / .45);background-color:unset;&:hover{background-color:#ffffff26;color:var(--primary-text)}}}.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--fluid-1);grid-template-areas:"profile profile" "contact contact" "quote quote" "project-alan project-alan" "project-covid project-covid" "game-of-life game-of-life";@media screen and (min-width: 768px){display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fill,minmax(42px,1fr));grid-template-areas:"profile profile profile photo" "profile profile profile contact" "project-alan project-alan project-covid project-covid" "game-of-life game-of-life . ."}}.bento>article{position:relative;img{width:100%;height:auto;object-fit:cover}&[data-area=profile]{grid-area:profile}&[data-area=quote]{grid-area:quote;display:none}&[data-area=photo]{grid-area:photo;display:none;@media screen and (min-width: 768px){display:flex}}&[data-area=contact]{grid-area:contact}&[data-area=skills]{grid-area:skills}&[data-area=project-alan]{grid-area:project-alan}&[data-area=project-covid]{grid-area:project-covid}&[data-area=project-c]{grid-area:project-c}&[data-area=project-d]{grid-area:project-d}&[data-area=image-of-the-day]{grid-area:image-of-the-day}&[data-area=game-of-life]{grid-area:game-of-life}}.avatar[data-astro-cid-vjqwbl62]{--size: var(--fluid-3);grid-area:avatar;position:relative;overflow:hidden;width:100%;height:100%;img{height:100%;filter:brightness(.5) grayscale(1);position:relative;object-fit:cover}}.card[data-astro-cid-gh7ji3wc][data-area=photo]{height:180px;align-items:center;justify-content:center;background:radial-gradient(at center right,#020202,#0d0d0d) padding-box,linear-gradient(230deg,#161616,#222) border-box;border:1px solid transparent}body{padding:var(--fluid-0);display:flex;flex-direction:column;align-items:center;gap:var(--fluid-4);@media screen and (min-width: 768px){padding:var(--fluid-0);gap:var(--fluid-2)}}.header-page{display:flex;justify-content:flex-end;width:100%;max-width:1200px;padding:var(--fluid-2) 0}main{width:100%;max-width:1200px}.card{--rad: 0;display:flex;border-radius:var(--rad);overflow:hidden;a{display:flex;align-items:center}}.background{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;img{width:100%;height:100%;object-fit:cover}}.circles{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;background-image:radial-gradient(circle at center center,#252327,#0c1213),repeating-radial-gradient(circle at center center,lch(49 53.84 218.25),lch(22 0 0),4px,transparent 20px,transparent 20px);background-blend-mode:multiply}.card:hover .circles{background-image:radial-gradient(circle at center center,#634199,#0f1114),repeating-radial-gradient(circle at center center,lch(49 53.84 258.25),lch(22 0 250),4px,transparent 20px,transparent 20px)}.overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%}