body{--background-color: rgba(255, 255, 255, .002);--text-color: #ffffff;--card-background-color: rgba(255, 255, 255, .015);--card-border-color: rgba(255, 255, 255, .25);--card-box-shadow-1: rgba(0, 0, 0, .05);--card-box-shadow-1-y: 3px;--card-box-shadow-1-blur: 6px;--card-box-shadow-2: rgba(0, 0, 0, .1);--card-box-shadow-2-y: 8px;--card-box-shadow-2-blur: 15px;--card-label-color: #FFFFFF;--card-icon-color: #D4D4D8;--card-icon-background-color: rgba(255, 255, 255, .08);--card-icon-border-color: rgba(255, 255, 255, .12);--card-shine-opacity: .1;--card-line-color: rgba(244, 114, 181, .5);--card-tile-color: rgba(244, 114, 182, .15);--card-hover-border-color: rgba(255, 255, 255, .1);--card-hover-box-shadow-1: rgba(0, 0, 0, .04);--card-hover-box-shadow-1-y: 5px;--card-hover-box-shadow-1-blur: 10px;--card-hover-box-shadow-2: rgba(0, 0, 0, .3);--card-hover-box-shadow-2-y: 15px;--card-hover-box-shadow-2-blur: 25px;--card-hover-icon-color: #ffffff;--card-hover-icon-background-color: rgba(255, 255, 255, .08);--card-hover-icon-border-color: rgba(255, 255, 255, .12);--blur-opacity: 0}.grid{display:flex;flex-direction:column;align-items:center;width:100%}.card{display:flex;align-items:center;width:100%;max-width:none;min-width:300px;background-color:#ffffff01;backdrop-filter:blur(3px);padding:28px;border:1px solid rgba(255,255,255,.25);border-radius:15px;gap:16px;position:relative;transition:box-shadow .25s;overflow:hidden}.card:before{content:"";position:absolute;inset:0;border-radius:15px;background-color:transparent}.card .card-github{position:absolute;top:12px;right:12px;z-index:3;display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff05;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background-color .3s,transform .2s}.card .card-github img{width:20px;height:20px;filter:invert(1)}.card .card-github:hover{background-color:#fff;color:#000}.card .card-github:hover img{filter:invert(0)}.card .card-image{flex:0 0 140px;width:140px;height:140px;border-radius:12px;overflow:hidden;position:relative;z-index:2;background-color:transparent}.card .card-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:inherit}.card .card-content{flex:1;z-index:2;padding-top:20px;padding-bottom:20px}.card .card-content h4{margin:0 0 8px;font-size:28px;line-height:1.2;padding-left:14px;color:var(--card-label-color)}.card .card-content p{margin:0;font-size:14px;padding-left:14px;color:var(--text-color);text-align:justify}.card .icon{z-index:2;position:relative;display:table;padding:8px}.card .icon:after{content:"";position:absolute;inset:4.5px;border-radius:50%;background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);backdrop-filter:blur(2px);transition:background-color .25s,border-color .25s}.card .icon svg{position:relative;z-index:1;display:block;width:24px;height:24px;transform:translateZ(0);color:var(--card-icon-color);transition:color .25s}.card h4{z-index:2;position:relative;margin:12px 0 4px;font-family:inherit;font-weight:600;color:var(--card-label-color)}.card p{z-index:2;position:relative;margin:0;font-size:14px;color:var(--text-color)}.card .shine{border-radius:inherit;position:absolute;inset:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s}.card .shine:before{content:"";width:150%;padding-bottom:150%;border-radius:50%;position:absolute;left:50%;bottom:55%;filter:blur(35px);opacity:var(--card-shine-opacity);transform:translate(-50%);background-image:var(--card-shine-gradient)}.card .background{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card .background .tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;opacity:0;transition:opacity 2s ease}.card .background .tiles .tile{width:100%;height:100%;background-color:var(--card-tile-color);animation:tile 12s infinite;opacity:0}.card .background .tiles .tile:nth-child(1){animation-delay:-6s}.card .background .tiles .tile:nth-child(2){animation-delay:-3.5s}.card .background .tiles .tile:nth-child(3){animation-delay:-8s}.card .background .tiles .tile:nth-child(4){animation-delay:-2.5s}.card .background .tiles .tile:nth-child(5){animation-delay:-5s}.card .background .tiles .tile:nth-child(6){animation-delay:-9.5s}.card .background .tiles .tile:nth-child(7){animation-delay:-4s}.card .background .tiles .tile:nth-child(8){animation-delay:-7s}.card .background .tiles .tile:nth-child(9){animation-delay:-2s}.card .background .tiles .tile:nth-child(10){animation-delay:-8.5s}.card .background .tiles .tile:nth-child(11){animation-delay:-4.5s}.card .background .tiles .tile:nth-child(12){animation-delay:-9s}.card .background .tiles .tile:nth-child(13){animation-delay:-5.5s}.card .background .tiles .tile:nth-child(14){animation-delay:-3s}.card .background .tiles .tile:nth-child(15){animation-delay:-7.5s}.card .background .tiles .tile:nth-child(16){animation-delay:-6.5s}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.card .about-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.card .about-border rect{fill:none;stroke:#f472b6;stroke-width:1.25px;stroke-dasharray:4000;stroke-dashoffset:4000;transition:stroke-dashoffset 1.5s ease-out}.card:hover .icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.card:hover .icon svg{color:var(--card-hover-icon-color)}.card:hover .shine{opacity:1;transition-duration:.5s;transition-delay:0s}.card:hover .background .tiles{opacity:1}.card:hover .background .tiles .tile{animation-play-state:running}.card:hover .about-border rect{stroke-dashoffset:0}@media(max-width:1100px){.card{flex-direction:column;max-width:100%;padding:24px}.card .card-github{top:8px;right:8px;width:32px;height:32px}.card .card-github img{width:18px;height:18px}.card .card-image{width:100%;max-width:300px;height:220px;margin:0 auto 12px}.card .card-content h4,.card .card-content p{padding-left:0;text-align:center}}@media(max-width:1024px){.card .card-content h4{margin-bottom:16px}.card .card-github{width:48px;height:48px}.card .card-github img{width:26px;height:26px}.card .card-content{padding-top:0;padding-bottom:0}}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:inherit}@media(max-width:1024px){.desktop-indent[data-astro-cid-aid3sr62]{text-indent:2em}.mobile-narrow[data-astro-cid-aid3sr62]{margin-left:auto;margin-right:auto;line-height:1.7}}@media(min-width:1025px){.desktop-indent[data-astro-cid-aid3sr62]{text-indent:4em}}