@font-face{font-family:AbadiMtStd;src:url(/abadi-mt-std.ttf)}@font-face{font-family:Belleza;src:url(/Belleza-Regular.ttf)}@font-face{font-family:Hammersmith;src:url(/HammersmithOne-Regular.ttf)}@font-face{font-family:Sifonn;src:url(/SIFONN_PRO.otf)}@font-face{font-family:Moontime;src:url(/moon-time-regular.ttf)}@font-face{font-family:Benedict;src:url(/benedict-regular.otf)}:root{--background: ##EEEEEE;--button: #78c2ad;--text: #1e1e2e;--text-link: #78c2ad;--underline: #375a7f;--header: "Pacifico", cursive;--body: "Belleza", sans-serif;--font-secondary: "Hammersmith", sans-serif;--font-title: "Sifonn", cursive;--font-moontime: "Moontime", sans-serif;--font-benedict: "Benedict", 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(--font-title);font-weight:400}h3,h4{font-family:var(--font-secondary);font-weight:400}h1{font-size:2.6rem;margin:0 0 5px}p{font-family:var(--body);font-size:1.1rem;hyphens:auto;line-height:1.5}small,li{font-family:var(--body)}.navbar{display:grid;grid-template-columns:1fr 4fr;margin-top:.8rem}.navbar__title{font-family:var(--font-benedict);font-size:2.4rem;margin-top:-.4rem}.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}.gif img{width:100%;height:auto;max-width:550px}.map iframe{width:100%}.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}.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}.skills__img{margin:8px 4px}.pro-img{border-radius:16px;margin-top:10px}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(/github-mark-white.svg)}.mail-icon{content:url(/mail-white.svg)}.linked-in{content:url(/li-in-white.png)}.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}@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;margin:8px 1px}.badge__list{font-size:.9rem;text-indent:0}.pro-img{height:auto;width:350px}}.gift-section,.message-section{margin:2rem 0;text-align:center}.iban-box{font-size:1.5rem;color:#333;background-color:#f9f9f9;padding:1rem;margin:1rem auto;border-radius:8px;display:inline-block;border:1px solid #ddd;font-family:var(--body)}.center{text-align:center}.btn{background-color:#007bff;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;text-decoration:none}.btn:hover{background-color:#0056b3}