@import"https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&family=Poppins:wght@500&family=Yomogi&display=swap";@import"https://fonts.googleapis.com/css2?family=Sono&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Short+Stack&display=swap";:root{--background: linear-gradient(#1b1b1b, #4e4c4c);--background-light: #fdebf3;--button: #78c2ad;--text: #fdebf3;--text-light: #1e1e2e;--text-link: #78c2ad;--underline: #375a7f;--header: "Short Stack", cursive;--body: "Short Stack", cursive}html{background:var(--background);color:var(--text)}body{max-width:1280px;margin-left:1rem;margin:0 auto;text-align:justify}main{display:flex;flex-direction:row-reverse;justify-content:center}aside{max-width:100px;display:flex;flex-direction:column;margin:0 2rem}h1,h2,h3,h4,h5,h6{font-family:var(--header);font-weight:400}h1{font-size:2.6rem;margin:0 0 5px;text-decoration:underline var(--underline);text-decoration-thickness:10px;text-underline-offset:6px}h2{text-decoration:underline var(--underline);text-decoration-thickness:4px;text-underline-offset:6px;font-size:2.1rem;margin-bottom:0}h3,h4{text-decoration:underline var(--underline);text-decoration-thickness:2px;text-underline-offset:6px}p{font-family:var(--body);font-size:1.1rem;hyphens:auto;line-height:1.5;text-indent:1rem}quote{font-family:var(--body);font-size:1.6rem;margin-left:10%;font-style:italic;text-decoration:underline var(--underline);text-underline-offset:6px}small,li{font-family:var(--body)}.hidden{display:none}.navbar{display:grid;grid-template-columns:1fr 1fr;margin-top:.8rem}.navbar__title{font-family:var(--header);font-size:1.3rem;text-decoration:underline var(--underline);text-underline-offset:6px}.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__menu>a.disabled{pointer-events:none;cursor:default;text-decoration:line-through;color:gray}.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}.previous{display:flex;justify-content:flex-start}.next{display:flex;justify-content:flex-end}.thumb{text-align:center}code{font-size:.9rem;font-family:var(--body);width:100%}pre{width:100%;border-radius:25px;padding:1rem;margin:1rem 0}.content-container{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap}.text-content{flex:1;min-width:250px}.badge{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,a{color:var(--text-link);text-decoration:none}.badge__link:hover,a:hover{text-decoration:underline}.card{list-style:none;display:flex;background:linear-gradient(#375a7f,#17173e);padding:10px;border-radius:5%;border:#1b1b1b 2px solid;box-shadow:0 0 10px #00000080;height:500px;transition:all .5s ease}.card__link{width:100%;text-decoration:none;line-height:1.4;border-radius:8px;color:var(--text)}.card__img{border-radius:16px;border:#1b1b1b 2px solid;box-shadow:0 0 20px #000}.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:hover{transform:scale(1.05);text-decoration:none}.link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(36ch,1fr));gap:1.5rem}.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;transition:transform .5s ease}.skills__img:hover{transform:scale(1.2)}.center{text-align:center}.pro-img{border-radius:16px;margin-top:10px;box-shadow:0 0 10px #00000080;transition:transform .5s ease}.pro-img:hover{transform:scale(1.05)}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}.team-profile-image{width:20%;height:20%;border-radius:50%;object-fit:cover;margin:1rem;transition:all .3s ease}.team-profile-image:hover{transform:scale(1.05)}.twitch-profile-image{width:60px;height:60px;border-radius:50%;border:3px solid #78c2ad;object-fit:cover;margin-right:1rem}.twitch-card-description{font-style:italic;color:#fff}.twitch-card-followers{color:#fff}.live-dot{color:red;font-weight:700;animation:blink 2s infinite}.offline{color:gray}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.author-image{width:80px;height:80px;border-radius:50%;object-fit:cover;transition:all .3s ease}.author-image:hover{transform:scale(1.05)}select,button{font-size:1rem;border-radius:10px;padding:.1rem;font-family:var(--body)}.sort-form{display:flex;flex-direction:row;justify-content:right;align-items:right}lite-youtube{margin:auto;align-items:center;border-radius:25px;border:#1e1e2e 6px solid}@media only screen and (max-width: 768px){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}.content-container{flex-direction:column;align-items:center;text-align:center}.text-content{width:100%}code{font-size:.5rem}pre{width:350px}}@media only screen and (max-width: 425px){body{width:200px;font-size:xx-small}}