.grid[data-astro-cid-vc5tsdmu]{container-name:main-grid;container-type:inline-size;display:grid;grid-template-columns:calc(50% - 16px) 34px calc(50% - 50px);grid-template-rows:auto 224px auto 264px auto;gap:16px 16px;grid-auto-flow:row;grid-template-areas:"name name name" "github linkedin linkedin" "carrer carrer carrer" "spotify spotify switch" "blog blog blog";width:100%;max-width:350px;margin-inline:auto;@container main-container (width >= 768px){grid-template-columns:calc(50% - 16px) 34px calc(50% - 50px);grid-template-rows:224px auto auto 224px 140px;grid-template-areas:"name name github" "name name linkedin" "carrer carrer carrer" "spotify blog blog" "switch blog blog";max-width:768px}@container main-container (width >= 1024px){grid-template-columns:274px 86px 172px 36px 274px;grid-template-rows:200px 200px 200px;grid-template-areas:"name name name blog blog" "linkedin github github blog blog" "carrer carrer switch switch spotify";max-width:906px}}.grid-box[data-astro-cid-v42qmbam]{visibility:hidden;padding-block:var(--_box-padding-block, 24px);padding-inline:var(--_box-padding-inline, 32px);border-radius:16px;background:light-dark(var(--color-light-background-200),var(--color-dark-selection-200));opacity:0;transform:translateY(8px);animation-name:animate-areas-fade-in;animation-duration:.5s;animation-fill-mode:forwards;&:where(.is-link){display:flex;justify-content:center;align-items:center;position:relative;color:light-dark(var(--color-light-background-100),var(--color-dark-foreground-100));background:light-dark(var(--color-light-comment-100),var(--color-dark-comment-100));*{pointer-events:none}svg{width:80px;height:80px;@container main-grid (width >= 768px){width:110px;height:110px}}}p{font-size:var(--_text-font-size, 1rem);&:not(:last-of-type){margin-block-end:16px}}.marker{display:inline-flex;position:relative;font-family:Nanum Pen Script,cursive;font-size:var(--_marker-font-size, 1rem);font-weight:400;color:light-dark(var(--color-light-pink-100),var(--color-dark-pink-100));line-height:1;transform:rotate(-3deg);&:is(a){text-decoration-thickness:2px}}}.grid-box-link-icon[data-astro-cid-v42qmbam]{width:24px;height:24px;position:absolute;inset:auto auto 16px 16px;color:light-dark(var(--color-light-background-100),var(--color-dark-foreground-100));svg{width:100%;height:100%;stroke-width:3}}@keyframes animate-areas-fade-in{0%{visibility:hidden;opacity:0;transform:translateY(8px)}to{visibility:visible;opacity:1;transform:translateY(0)}}body{figure{overflow:hidden}[data-ui-grid-area=carrer]{--_animation-delay-carrer: .8s;--_marker-font-size: 2.5rem;--_text-font-size: 1.4rem;grid-area:carrer;display:flex;align-items:center;position:relative;animation-delay:var(--_animation-delay-carrer);@container main-grid (width >= 768px){--_animation-delay-carrer: .8s}@container main-grid (width >= 906px){--_animation-delay-carrer: 1.1s}&:before{content:"";display:block;width:0;height:0;border-left:34px solid transparent;border-right:34px solid transparent;border-bottom:34px solid light-dark(var(--color-light-background-100),var(--color-dark-selection-100));position:absolute;inset:auto -23px -6px auto;transform:rotate(135deg);z-index:1}&:after{content:"";display:block;width:44px;height:44px;position:absolute;inset:auto 0 0 auto;z-index:0;border-start-start-radius:16px;background:light-dark(var(--color-light-comment-100),var(--color-dark-comment-100))}}[data-ui-grid-area=blog]{--_animation-delay-blog: 1.1s;--_marker-font-size: 2.8rem;--_text-font-size: 1.5rem;grid-area:blog;position:relative;text-align:right;animation-delay:var(--_animation-delay-blog);@container main-grid (width >= 768px){--_animation-delay-blog: .9s}@container main-grid (width >= 906px){--_animation-delay-blog: .6s}&:before{content:"";display:block;width:0;height:0;border-left:34px solid transparent;border-right:34px solid transparent;border-bottom:34px solid light-dark(var(--color-light-background-100),var(--color-dark-selection-100));position:absolute;inset:-6px auto auto -23px;transform:rotate(315deg);z-index:1}&:after{content:"";display:block;width:47px;height:47px;position:absolute;inset:0 auto auto 0;z-index:0;border-end-end-radius:16px;background:light-dark(var(--color-light-comment-100),var(--color-dark-comment-100))}figure{width:calc(100% + 80px);height:240px;position:relative;margin-block-start:32px;margin-inline:auto;inset-inline-start:-40px;@container main-grid (width >= 768px){width:354px;height:230px;position:absolute;inset:auto 16px 8px auto;margin-block-start:0px;margin-inline:0px}@container main-grid (width >= 906px){inset:auto -14px 12px auto}img{width:100%;position:absolute;inset:0;animation-iteration-count:infinite;animation-timing-function:linear;&.is-first-table{animation-name:animate-image-table-one;animation-duration:2s}&.is-second-table{animation-name:animate-image-table-two;animation-duration:2s}}}p{max-width:250px;margin-inline-start:auto;@container main-grid (width >= 906px){max-width:none}}}[data-ui-grid-area=spotify]{--_animation-delay-spotify: 1s;grid-area:spotify;animation-delay:var(--_animation-delay-spotify);@container main-grid (width >= 768px){--_animation-delay-spotify: 1s}@container main-grid (width >= 906px){--_animation-delay-spotify: .9s}}[data-ui-grid-area=github]{--_animation-delay-github: .6s;grid-area:github;animation-delay:var(--_animation-delay-github);@container main-grid (width >= 768px){--_animation-delay-github: .6s}@container main-grid (width >= 906px){--_animation-delay-github: .8s}}[data-ui-grid-area=linkedin]{--_animation-delay-linkedin: .7s;grid-area:linkedin;animation-delay:var(--_animation-delay-linkedin);@container main-grid (width >= 768px){--_animation-delay-linkedin: .7s}@container main-grid (width >= 906px){--_animation-delay-linkedin: .7s}}[data-ui-grid-area=name]{--_animation-delay-name: .5s;--_marker-font-size: 3rem;--_text-font-size: 1.4rem;grid-area:name;display:flex;flex-direction:column;align-items:center;animation-delay:var(--_animation-delay-name);@container main-grid (width >= 768px){--_animation-delay-name: .5s}@container main-grid (width >= 906px){--_animation-delay-name: .5s;flex-direction:row}p{max-width:260px;text-align:center;@container main-grid (width >= 906px){max-width:calc(100% - 279px);text-align:left}}figure{width:273px;height:298px;position:relative;inset-block-end:-24px;@container main-grid (width >= 906px){width:263px;height:288px;position:absolute;inset:auto 24px 0 auto;margin-inline:0}img{height:100%;position:absolute;inset:0;animation-iteration-count:infinite;animation-timing-function:linear;&.is-second-glass{animation-name:animate-image-glass-two;animation-duration:7s}}}}[data-ui-grid-area=switch]{--_box-padding-block: 0;--_box-padding-inline: 0;--_animation-delay-switch: .9s;grid-area:switch;display:flex;justify-content:center;align-items:center;animation-delay:var(--_animation-delay-switch);@container main-grid (width >= 768px){--_animation-delay-switch: 1.1s}@container main-grid (width >= 906px){--_animation-delay-switch: 1s}button{width:100%;height:100%;background:transparent}svg{width:56px;height:56px}}}@keyframes animate-image-table-one{0%,50%{opacity:1;visibility:visible}50.01%,to{opacity:0;visibility:hidden}}@keyframes animate-image-table-two{0%,50%{opacity:0;visibility:hidden}50.01%,to{opacity:1;visibility:visible}}@keyframes animate-image-glass-two{0%{opacity:0;visibility:hidden}24%{opacity:0;visibility:hidden}25%{opacity:1;visibility:visible}29%{opacity:1;visibility:visible}30%{opacity:0;visibility:hidden}49%{opacity:0;visibility:hidden}50%{opacity:1;visibility:visible}54%{opacity:1;visibility:visible}55%{opacity:0;visibility:hidden}59%{opacity:0;visibility:hidden}60%{opacity:1;visibility:visible}64%{opacity:1;visibility:visible}65%{opacity:0;visibility:hidden}84%{opacity:0;visibility:hidden}85%{opacity:1;visibility:visible}89%{opacity:1;visibility:visible}90%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden}}