:root{--primary:red;--secondary:#fff}*{box-sizing:border-box;margin:0;padding:0}#root{flex-direction:column;align-items:center;display:flex}body{color:#f4ffff;background-color:#320000;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:flex-start;min-height:100vh;padding:50px;font-family:Gill Sans,Gill Sans MT,Calibri,sans-serif;display:flex;overflow:hidden auto}body .card{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:min(100%,640px);box-shadow:0 0 30px var(--primary);background:#ffffff13;border:1px solid #9ffaf440;border-radius:30px;padding:clamp(30px,5vw,50px) clamp(20px,5vw,35px);position:relative}body .card .badge{width:fit-content;color:var(--secondary);text-shadow:0 0 0 var(--secondary);background:#ffffff20;border-radius:999px;margin:-2.5px auto 10px;padding:clamp(5px,1.5vw,8.5px) clamp(10px,3vw,17.5px);font-size:clamp(.45rem,2vw,.85rem);font-weight:700;display:block}body .card .badge:hover{cursor:pointer;text-shadow:0 0 15px var(--secondary);background:#00000040}body .card .link{color:var(--primary);text-shadow:0 0 20px #f63939a6;white-space:nowrap;margin-bottom:25px;font-size:clamp(1.5rem,9vw,5rem);font-weight:700;line-height:1;text-decoration:none;display:block}body .card .link:hover{cursor:pointer;color:#fa9f9f;text-shadow:0 0 20px var(--primary)}body .card .avatar{border:3px solid var(--primary);border-radius:50%;width:50%;height:50%;margin:10px auto 25px}body .card .credits{color:#d8b9b9;cursor:default;max-width:500px;margin:10px auto 25px;font-size:clamp(.45rem,2.5vw,1.15rem);line-height:1.25}body .card .credits a{color:#fff}body .card .credits a:hover{text-decoration:none}body .card .credits b{color:#eaffff}body .card .disclaimer{border-left:3px solid var(--secondary);border-right:3px solid var(--primary);color:#eaffff;cursor:default;background:#00000040;border-radius:20px;max-width:500px;margin:auto;padding:clamp(15px,3vw,20px) clamp(15px,5vw,20px);font-size:clamp(.55rem,2.5vw,1.15rem);line-height:1.75}body .card .footer{color:#f4ffff99;cursor:default;margin-top:25px;font-size:clamp(.75rem,2vw,.875rem)}body .card .footer .sparkle-left{color:var(--secondary)}body .card .footer .sparkle-right{color:var(--primary)}@media (width<=390px){body body{padding:25px}body .card{border-radius:20px;width:100%;padding:25px 15px}body .card .badge{margin:-5px auto 10px;padding:clamp(5px,2vw,10px) clamp(7.5px,5vw,10px);font-size:clamp(.35rem,2vw,1.15rem)}body .card .link{margin-bottom:22px;font-size:clamp(1.25rem,4vw,2.5rem)}body .card .credits{margin:5px auto 10px;font-size:clamp(.3rem,2.5vw,.95rem)}body .card .disclaimer{border-radius:15px;padding:clamp(7.5px,3.5vw,10px) clamp(5px,3.5vw,15px);font-size:clamp(.4rem,2vw,.9rem);line-height:1.5}body .card .footer{margin-top:15px;font-size:clamp(.5rem,3vw,.875rem)}}body .find-me{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:min(100%,640px);box-shadow:0 0 30px var(--primary);background:#ffffff13;border:1px solid #fa9f9f40;border-radius:30px;margin-top:25px;padding:17.5px 20px}body .find-me .title{color:var(--primary);cursor:default;margin-bottom:15px;font-size:clamp(.45rem,2.5vw,1.15rem);font-weight:700}body .find-me .links{flex-wrap:wrap;justify-content:center;gap:clamp(10px,3vw,15px);display:flex}body .find-me .links .link{cursor:pointer;background:#00000040;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:clamp(7.5px,8.5vw,50px);height:clamp(7.5px,8.5vw,50px);display:grid}body .find-me .links .link img{object-fit:contain;width:clamp(20px,5vw,25px);height:clamp(20px,5vw,25px)}body .find-me .links .link:hover{transform:translateY(-3px)}body .find-me .links .github,body .find-me .links .patreon,body .find-me .links .threads,body .find-me .links .tumblr,body .find-me .links .x{color:#fff}body .find-me .links .gitlab img{width:100%;height:auto}.bat-trail{pointer-events:none;z-index:999999;opacity:.95;will-change:transform, opacity;width:26px;height:16px;transform:translate(-50%, -50%) rotate(var(--rot)) scale(var(--scale));animation:.7s ease-out forwards batFade;position:fixed;top:0;left:0}.bat-trail svg{fill:#000;filter:drop-shadow(0 0 2px red)drop-shadow(0 0 5px red)drop-shadow(0 0 9px red);width:100%;height:100%;display:block;overflow:visible}@keyframes batFade{to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(calc(var(--rot) + 45deg)) scale(.25)}}@media (prefers-reduced-motion:reduce){.bat-trail{display:none}}
