article[data-astro-cid-ghubstuj]{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%;@media (width >= 768px){flex-direction:row;gap:10px}&:last-child{padding-bottom:0}header{@media (width >= 768px){flex-basis:25%}@media (width >= 1024px){flex-basis:20%}@media (width >= 1280px){flex-basis:15%}}.work-content{@media (width >= 768px){flex-basis:75%}@media (width >= 1024px){flex-basis:80%}@media (width >= 1280px){flex-basis:85%}}ul{list-style:disc;margin-left:20px}}.language-item[data-astro-cid-f3omyxth]{display:flex;column-gap:1rem;width:100%;@media (width >= 320px){max-width:60%}@media (width >= 425px){max-width:40%}@media (width >= 768px){max-width:60%}p{flex:1}}.skills-container[data-astro-cid-sye7xtqh]{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;.skill-item{background-color:var(--button-secondary-bg-color);border-radius:5px;color:var(--button-secondary-text-color);font-size:.9rem;font-weight:600;padding:.5rem .8rem;text-align:center}}section[data-astro-cid-zsov6f23]{padding-block:4rem;@media (width >= 768px){padding-block:6rem}}.section-container[data-astro-cid-zsov6f23]{display:flex;flex-direction:column;flex-wrap:nowrap;row-gap:3rem;padding-top:3rem;@media (width >= 768px){flex-direction:row;column-gap:3rem;padding-top:6rem}@media (width >= 1280px){justify-content:space-between}}.column[data-astro-cid-zsov6f23]{display:flex;flex-direction:column;flex:1;row-gap:3rem;@media (width >= 768px){column-gap:3rem}}:root{--form-bg-color: #e4e4e4;--form-text-color: var(--text-black);--form-fields-bg-color: #ffffff;&[data-theme=dark]{--form-bg-color: var(--white);--form-text-color: var(--text-black);--form-fields-bg-color: #e0e0e0}}.contact-container{background-color:var(--form-bg-color);border-radius:10px;color:var(--form-text-color);max-width:768px;padding:2rem;width:100%;@media (width >= 768px){padding:3rem}}.contact-form{display:flex;flex-direction:column;.form-group{display:flex;flex-direction:column;margin-bottom:2rem}label{font-weight:600;letter-spacing:.05rem}input,textarea{background-color:var(--form-fields-bg-color);border-radius:5px;border-color:transparent;font-family:var(--font-main);font-size:1rem;padding:.8rem;&:focus-visible{outline:none;box-shadow:0 0 0 1px var(--purple-primary)}}textarea{max-width:100%;min-height:100px;min-width:100%}button{border:none;border-radius:5px;font-weight:500;letter-spacing:.1rem;margin-top:.5rem;text-transform:uppercase}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10;.modal{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a;position:relative;.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-content{text-align:center;display:flex;flex-direction:column;align-items:center;h2{font-size:1.5rem;margin-bottom:.5rem}.btn{border:none;border-radius:5px;font-weight:500;letter-spacing:.1rem;margin-top:1rem;text-align:center;text-transform:uppercase;width:fit-content}}}}.loading-icon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section[data-astro-cid-zbjjch6a]{padding-block:4rem;background:var(--contact-bg-linear-gradient);@media (width >= 768px){padding-block:6rem}}.section-container[data-astro-cid-zbjjch6a]{display:flex;flex-direction:column;align-items:center}:root{--btn-focus-color: var(--text-black);&[data-theme=dark]{--btn-focus-color: var(--white)}}section[data-astro-cid-anhloy43]{background:var(--hero-bg-linear-gradient),var(--section-bg-image);background-position:center;background-size:cover}.section-container[data-astro-cid-anhloy43]{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:100vh;position:relative}h1[data-astro-cid-anhloy43]{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;font-size:2rem;justify-content:center;letter-spacing:.2rem;line-height:1.2;margin-bottom:1rem;@media (width >= 768px){flex-direction:row;font-size:3rem}@media (width >= 1280px){display:inline-flex;font-size:4rem}}.my-name[data-astro-cid-anhloy43]{border-right:.2rem solid transparent;color:var(--purple-primary);margin-left:10px;@media (width >= 1280px){animation:typing 2s steps(25) 1s 1 normal both,blink .7s steps(1) 0s 6;margin-left:20px;max-width:fit-content;overflow:hidden;white-space:nowrap}}.summary[data-astro-cid-anhloy43]{text-align:center;max-width:850px}.btn[data-astro-cid-anhloy43]{background-color:transparent;border-radius:50%;border:2px solid var(--purple-primary);bottom:5rem;color:var(--purple-primary);position:absolute;&:hover{background-color:var(--purple-primary);border-color:var(--purple-primary);color:var(--white);opacity:1}i{font-size:2rem;font-weight:100}}@keyframes blink{50%{border-color:var(--blink-color)}}@keyframes typing{0%{width:0}to{width:100%}}@media (prefers-reduced-motion: reduce){.my-name[data-astro-cid-anhloy43]{animation:none}}:root{--projects-separation: .5rem}section[data-astro-cid-44zkpkd5]{padding-block:4rem;@media (width >= 768px){padding-block:6rem}}.projects-container[data-astro-cid-44zkpkd5]{display:flex;flex-wrap:wrap;gap:var(--projects-separation);justify-content:start;width:100%;.project-item{align-items:flex-start;aspect-ratio:345/244;background-position:center;background-repeat:no-repeat;background-size:cover;border:5px solid var(--footer-bg-color);color:var(--text-black);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;width:100%;.project-content,h3{color:#f8f9fa}.project-content{display:flex;flex-direction:column;gap:.5rem;opacity:0%;text-align:left;transition:.5s ease-in-out;width:100%;z-index:2}h3{font-weight:100;text-transform:uppercase;letter-spacing:.2rem}.icons-container{display:flex;gap:.5rem;i{color:#f8f9fa;font-size:1.8rem}.ti-brand-vite{color:#646cff}.ti-brand-react{color:#61dafb}.ti-brand-typescript{color:#3178c6}.ti-brand-sass{color:#cd6799}.ti-brand-tailwind{color:#06b6d4}.ti-brand-firebase{color:#ffca28}}.links-container{display:flex;gap:.5rem;justify-content:flex-end}a{align-items:center;color:#222;background-color:#f5f5f5;border-radius:100%;display:flex;font-size:1.8rem;justify-content:center;padding:.5rem;width:fit-content}a:hover{color:#fff;background-color:var(--purple-primary)}.project-overlay{background-color:#222222d0;inset:0;mix-blend-mode:multiply;opacity:0%;position:absolute;transition:.5s ease-in-out;z-index:1}&:hover{.project-content,.project-overlay{opacity:100%}}@media (width >= 768px){flex:1 1 calc(50% - var(--projects-separation));max-width:calc(50% - var(--projects-separation));width:calc(50% - var(--projects-separation))}@media (width >= 1024px){flex:1 1 calc(33.33% - var(--projects-separation));max-width:calc(33.33% - var(--projects-separation));width:calc(33.33% - var(--projects-separation))}}}