:root{--background: #1e1e2e;--background-light: #fcebf3;--button: #78c2ad;--text: #eff1f5;--text-light: #1e1e2e;--text-link: #78c2ad;--text-link-light: #375a7f;--underline: #375a7f;--header: "Pacifico", ui-rounded, cursive, system-ui;--body: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html{background-color:var(--background);color:var(--text)}body{max-width:540px;margin:0 auto;text-align:justify}h1,h2{font-family:var(--header);font-weight:400}h1{font-size:2.6rem;margin:0 0 5px}h2{text-decoration:underline var(--underline);text-decoration-thickness:4px;text-underline-offset:6px;font-size:2.1rem;margin-bottom:0}p{font-family:var(--body);font-size:1.1rem;hyphens:auto;line-height:1.5;text-indent:1rem}small,li{font-family:var(--body)}.navbar{display:grid;grid-template-columns:1fr 1fr;margin-top:.8rem}.navbar__title{font-family:var(--header);font-size:1.3rem}.navbar__menu{font-family:var(--body);font-size:1.1rem;text-align:right}.navbar__title>a,.navbar__menu>a{color:var(--text);text-decoration:none}.navbar__menu>a{margin:0 10px}.navbar__title>a:hover,.navbar__menu>a:hover,.navbar__menu>a:focus{text-decoration:underline var(--underline);text-decoration-thickness:2px;text-underline-offset:6px}.gif{margin:20px 0 0;text-align:center}.badge{background-color:#584966;color:var(--text);border-radius:6px;font-family:var(--body);font-weight:600;font-size:.85rem;padding:.3em .6em .2em}.badge__list{text-indent:1rem;list-style:none;padding:0}.badge__list>li{margin-top:10px}.badge--item{border-radius:4px;font-size:.7rem;margin-right:5px;padding:.5em .3em .3em}.badge__link{color:var(--text-link);text-decoration:none}.badge__link:hover{text-decoration:underline}.card{list-style:none;display:flex;background-size:400%;padding:20px}.card__link{width:100%;text-decoration:none;line-height:1.4;border-radius:8px;color:var(--text)}.card__img{border-radius:16px;width:100%;height:200px;object-fit:cover;object-position:center top;display:block;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--background)}.card__link:hover .card__img{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.card__title{margin:0;font-family:var(--body);font-size:1.5rem;font-weight:400;text-align:center}.card__txt{font-size:1rem;line-height:1.5;text-indent:0;text-align:center;margin:.5rem 0 0}.card__link:hover{transform:scale(1.05)}.link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1rem;padding:0}.btn{text-align:center;background:#0000;border:2px solid var(--button);border-radius:8px;color:var(--text);font:600 16px var(--body);padding:8px 16px;transition:background-color .4s,color .4s}.btn:hover{background-color:var(--button);color:var(--text-light);cursor:pointer}.skills{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 24px;max-width:600px;margin-left:auto;margin-right:auto}.skill-item{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.skill-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#2d2d3d;color:#eff1f5;padding:6px 12px;border-radius:6px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 2px 8px #0003;z-index:10}.skill-item[data-tooltip]:hover:after{opacity:1}.skills__img{flex-shrink:0;display:block}@media(min-width:481px){.skills{max-width:700px}}@media(min-width:769px){.skills{max-width:800px}}.center{text-align:center}.project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.pro-img{border-radius:12px;width:100%;height:auto;max-height:350px;object-fit:cover;object-position:center top;display:block;box-shadow:0 2px 8px #0000001f;transition:transform .3s ease,box-shadow .3s ease;background:var(--background);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.pro-img:hover{transform:scale(1.03);box-shadow:0 6px 16px #0000002e}.lightbox{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}.lightbox.active{display:flex;opacity:1}.lightbox img{max-width:90%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}footer{margin:4rem 0}.footer__link{color:var(--text-link);text-decoration:none}.footer{cursor:default;list-style:none;padding:0}.icon__btn{display:inline-block;padding:0 .5rem}.icon__link{display:flex;padding:10px;height:20px;width:20px;border-radius:50%;border:2px solid #fdebf3}.icon__link:hover{border-color:var(--text-link)}.git-icon{content:url(/images/github-mark-white.svg)}.mail-icon{content:url(/images/mail-white.svg)}.discord-icon{content:url(/images/discord-white.svg)}.lost{margin-top:30%;text-align:center}.lost__header{margin:0 auto;text-align:center;border:0;font-size:7.5rem;letter-spacing:10px}.lost__body{color:#5c5b77}.lost__link{color:var(--text-link);text-decoration:none}html.light{background-color:var(--background-light);color:var(--text-light)}.light .navbar__title>a{color:var(--text-light)}.light .navbar__menu>a{color:var(--text-light)}.light .card__title,.light .card__txt,.light .btn{color:var(--text-light)}.light .btn:hover{color:var(--text)}.light .icon__link{border:2px solid var(--text-light)}.light .icon__link:hover{border-color:var(--text-link)}.light .git-icon{content:url(/images/github-mark.svg)}.light .mail-icon{content:url(/images/mail.svg)}.light .discord-icon{content:url(/images/discord-dark.svg)}.light .badge__link,.light .footer__link{color:var(--text-link-light)}.light .icon__link:hover{border-color:var(--text-link-light)}.light .skill-item[data-tooltip]:after{background:#1e1e2e;color:#eff1f5;box-shadow:0 2px 8px #00000026}@media only screen and (max-width:600px){body{width:350px}.navbar{display:initial}.navbar__title,.navbar__menu{text-align:center}.navbar__menu>a{margin:0 11px}.skills__img{height:30px;width:30px}.skill-item[data-tooltip]:after{font-size:.75rem;padding:4px 8px;bottom:-28px}.badge__list{font-size:.9rem;text-indent:0}.pro-img{height:auto;width:100%;max-height:400px}.project-images{grid-template-columns:1fr;gap:1rem;margin:1rem 0}.card__img{height:180px}}
