.frame[data-astro-cid-u23vcbo2]{width:350px;height:760px;background-color:#232323;border-radius:44px;display:flex;flex-direction:column;position:relative}.frame[data-astro-cid-u23vcbo2]:after{content:"";width:50%;height:5px;background-color:#e1e1e1;border-radius:15px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.topper[data-astro-cid-u23vcbo2]{width:100%;padding-inline:35px;font-size:.8rem;display:flex;justify-content:space-between;position:absolute;top:15px}#type[data-astro-cid-u23vcbo2]{padding-inline:35px;font-family:Audiowide,sans-serif;font-size:1rem;position:absolute;top:15%}.panel-img[data-astro-cid-u23vcbo2]{max-width:90%;align-self:center;position:absolute;top:40%}#coding[data-astro-cid-u23vcbo2]{border-radius:10px}@media screen and (width < 720px){.frame[data-astro-cid-u23vcbo2]{width:min(350px,100%);margin:auto}}.wrapper[data-astro-cid-bbe6dxrz]{padding-block:80px;display:flex;justify-content:space-between}.hero[data-astro-cid-bbe6dxrz]{margin-top:90px;position:relative}h1[data-astro-cid-bbe6dxrz]{font-size:5rem}p[data-astro-cid-bbe6dxrz]{font-size:2rem;color:#c3c3c3}.bottom[data-astro-cid-bbe6dxrz]{width:300px;display:flex;justify-content:space-between;position:absolute;bottom:0}.tech-stack[data-astro-cid-bbe6dxrz]{display:flex;gap:10px}.tech-stack[data-astro-cid-bbe6dxrz] li[data-astro-cid-bbe6dxrz]{position:relative}.tech-stack[data-astro-cid-bbe6dxrz] li[data-astro-cid-bbe6dxrz]:after{opacity:0;transition:all ease-in-out .2s}.tech-stack[data-astro-cid-bbe6dxrz] li[data-astro-cid-bbe6dxrz]:hover:after{content:"";padding:2px;background-color:#212121;opacity:1;border:2px solid white;border-radius:3px;font-size:.7rem;position:absolute;left:100%;bottom:50%;z-index:1}#html[data-astro-cid-bbe6dxrz]:hover:after{content:"HTML"}#css[data-astro-cid-bbe6dxrz]:hover:after{content:"CSS"}#js[data-astro-cid-bbe6dxrz]:hover:after{content:"JavaScript"}#react[data-astro-cid-bbe6dxrz]:hover:after{content:"React"}#astro[data-astro-cid-bbe6dxrz]:hover:after{content:"Astrojs"}#tw[data-astro-cid-bbe6dxrz]:hover:after{content:"TailwindCSS"}@media screen and (width < 720px){h1[data-astro-cid-bbe6dxrz]{font-size:3.5rem}.hero[data-astro-cid-bbe6dxrz]{margin-bottom:90px;display:flex;flex-direction:column;gap:50px}.wrapper[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column}.bottom[data-astro-cid-bbe6dxrz]{position:relative}}.content[data-astro-cid-tkm2rszc]{width:100%;height:100%}.bento-container[data-astro-cid-tkm2rszc]{max-width:1200px;margin-top:2rem;margin-inline:auto;padding:32px;display:grid;grid-template-areas:"a b b " "a c d " "e e f ";gap:24px;background-color:var(--clr-lightpurple);border:var(--border-sm);position:relative}.bento-container[data-astro-cid-tkm2rszc]:has(.bento-item:hover) .bento-item[data-astro-cid-tkm2rszc]:not(:hover){opacity:.7}.project-wrapper[data-astro-cid-tkm2rszc]{width:100%;height:100%;position:relative}.bento-item[data-astro-cid-tkm2rszc]{height:100%;padding:40px;border-radius:15px;transition:all ease-in-out .2s;position:relative}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(1){grid-area:a;background-color:#5078f3;.content{background-size:cover}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(2){grid-area:b;background-color:#b4ffda;.content{background-size:cover;background-position-x:50%}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(3){grid-area:c;background-color:#b4ffda;.content{background-size:cover}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(4){grid-area:d;background-color:#b398ff;.content{background-size:cover}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(5){grid-area:e;background-color:#ffe552;.content{background-size:cover;background-position-x:50%}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(6){grid-area:f;background-color:#ffe552;.content{background-size:cover}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(7){grid-area:g;background-color:#ffb4e6;.content{background-size:cover}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(8){grid-area:h;background-color:#ffb4e6;.content{background-size:cover;background-position:50%}}.bento-item[data-astro-cid-tkm2rszc]:nth-of-type(9){grid-area:i;background-color:#5078f3;.content{background-size:cover}}.bento-item[data-astro-cid-tkm2rszc] .content[data-astro-cid-tkm2rszc]{min-height:250px;border-radius:12px;filter:drop-shadow(0 0 20px rgba(0,0,0,.25));background-position:center top}.project-popup[data-astro-cid-tkm2rszc][open]{width:clamp(50%,75vw,90%);padding:2rem 3rem 3rem;border:none;border-radius:15px;background-color:#212121;color:#ebebeb;top:50%;left:50%;transform:translate(-50%,-50%)}.project-popup[data-astro-cid-tkm2rszc]:focus-visible{outline:none}.project-popup[data-astro-cid-tkm2rszc]::backdrop{background-color:#6969694d}.popup-wrapper[data-astro-cid-tkm2rszc]{height:800px;display:grid;grid-template-columns:2.5fr 1.5fr;column-gap:60px}.closebutton[data-astro-cid-tkm2rszc]{margin-left:auto;display:block;position:absolute;top:20px;right:16px}.popup-img-container[data-astro-cid-tkm2rszc]{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(235,235,235) rgb(33,33,33);display:flex;justify-content:center;align-items:center}.popup-img[data-astro-cid-tkm2rszc]{max-width:100%;max-height:100%;object-fit:contain;margin:auto;display:block}.popup-text[data-astro-cid-tkm2rszc]{padding-block:30px;display:flex;flex-direction:column;justify-content:center}.popup-title[data-astro-cid-tkm2rszc]{margin-bottom:1.6em;font-size:2rem}.popup-description[data-astro-cid-tkm2rszc]{font-size:1.2rem;line-height:1.6}.popup-description[data-astro-cid-tkm2rszc] code[data-astro-cid-tkm2rszc]{padding:.15rem .3rem;border-radius:.25rem;color:#0d0d0d;font-size:.875em;font-weight:500;background-color:#ececec}@media screen and (width < 960px){.bento-container[data-astro-cid-tkm2rszc]{grid-template-areas:"a b" "a c" "d e" "f e"}}@media screen and (width < 720px){.bento-container[data-astro-cid-tkm2rszc]{height:fit-content;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:unset}.bento-container[data-astro-cid-tkm2rszc] .bento-item[data-astro-cid-tkm2rszc]{grid-area:unset;aspect-ratio:1 / 1.33}.bento-item[data-astro-cid-tkm2rszc] .content[data-astro-cid-tkm2rszc]{min-height:unset}}@media screen and (width < 540px){.bento-container[data-astro-cid-tkm2rszc]{grid-template-columns:1fr}}.bento-container[data-astro-cid-wkx7uqji]{max-width:1200px;height:900px;margin-top:2rem;margin-inline:auto;padding:32px;display:grid;grid-template-columns:28fr 11.3fr 7fr 18.3fr 28.5fr;grid-template-rows:31.3fr 14.6fr 19.9fr 31.3fr;grid-template-areas:"a b b c d" "e f f f d" "e f f f i" "g g h h i";gap:24px;background-color:var(--clr-lightpurple);border:var(--border-sm);position:relative}@media screen and (width < 400px){.bento-container[data-astro-cid-wkx7uqji]{height:fit-content;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:unset}.bento-container[data-astro-cid-wkx7uqji] .bento-item[data-astro-cid-wkx7uqji]{grid-area:unset;aspect-ratio:1 / 1.33}}.others[data-astro-cid-ru6r47hs]{padding-block:144px}.list[data-astro-cid-ru6r47hs]:has(.list-item:hover) .list-item[data-astro-cid-ru6r47hs]:not(:hover){opacity:.2}.list-item[data-astro-cid-ru6r47hs]{padding-block:.33em;font-family:Audiowide,sans-serif;font-size:3rem;font-style:italic;border-bottom:1px solid rgba(135,135,135,.5)}.list-item[data-astro-cid-ru6r47hs]:nth-child(2n-1){transform:translate(-500px)}.list-item[data-astro-cid-ru6r47hs]:nth-child(2n){transform:translate(500px)}@media screen and (width < 900px){.list-item[data-astro-cid-ru6r47hs]{font-size:2.3rem}}.form-container[data-astro-cid-346426y5]{position:fixed;bottom:0;right:0}button[data-astro-cid-346426y5]{background-color:#ebebeb;font-size:20px;display:flex;justify-content:center;align-items:center}#close[data-astro-cid-346426y5]{font-size:24px;color:#ebebeb;background-color:#212121;border:none}h2[data-astro-cid-346426y5]{margin-bottom:.5em;line-height:1.6;color:#ebebeb;text-align:center}#open[data-astro-cid-346426y5]{margin-bottom:24px;margin-left:auto;margin-right:24px;padding:8px;color:#ebebeb;border-radius:50px;border:2px solid rgb(235,235,235);background-color:#212121;transition:all ease-in-out .1s}#open[data-astro-cid-346426y5]:hover,#open[data-astro-cid-346426y5]:focus{color:#3b3b3b;border-color:#3b3b3b;background-color:#ebebeb}dialog[data-astro-cid-346426y5]{margin:auto;padding:50px;position:fixed;background-color:#212121}dialog[data-astro-cid-346426y5]::backdrop{background-color:#212121b3}#close[data-astro-cid-346426y5]{justify-self:end}dialog[data-astro-cid-346426y5] form[data-astro-cid-346426y5]{min-width:240px;display:flex;flex-direction:column;gap:24px;color:#ebebeb;background-color:#212121}form[data-astro-cid-346426y5] label[data-astro-cid-346426y5]{display:flex;flex-direction:column}form[data-astro-cid-346426y5] :is(input,textarea)[data-astro-cid-346426y5]{padding-block:3px;border:none;border-radius:5px}#message[data-astro-cid-346426y5]{min-height:64px}#submit[data-astro-cid-346426y5]{width:fit-content;margin-inline:auto;padding:8px 16px;border:none;border-radius:5px;transition:all ease-in-out .1s}#submit[data-astro-cid-346426y5]:hover,#submit[data-astro-cid-346426y5]:focus{color:#ebebeb;background-color:#3b3b3b}.recaptcha-tos[data-astro-cid-346426y5]{margin-top:1em;max-width:240px;font-size:.7rem;color:#878787}.form-message[data-astro-cid-346426y5]{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;line-height:1.4;border:1px solid;animation:slideIn .3s ease-out}.form-message--success[data-astro-cid-346426y5]{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.form-message--error[data-astro-cid-346426y5]{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.form-message--warning[data-astro-cid-346426y5]{background-color:#fff3cd;color:#856404;border-color:#ffeaa7}.form-message--info[data-astro-cid-346426y5]{background-color:#d1ecf1;color:#0c5460;border-color:#bee5eb}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#sendBtn[data-astro-cid-346426y5]:disabled{background-color:#6c757d!important;cursor:not-allowed;opacity:.65}#sendBtn[data-astro-cid-346426y5]:disabled:hover{background-color:#6c757d!important}#sendBtn[data-astro-cid-346426y5].loading{position:relative;color:transparent}#sendBtn[data-astro-cid-346426y5].loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}