@import "https://fonts.googleapis.com/css2?family=Climate+Crisis&display=swap";:root{--background:#18191d;--card:#212226;--seperator:#4c4d52;--online:#00f935;--idle:#ffdb0d;--dnd:#fd0d30;--offline:#747f8d;--text:#fff;--padding:30px;--margin:20px;--border-radius:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes backgroundIntro{0%{transform:scale(0)skew(-60deg)}to{height:auto;transform:scale(1)skew(0)}}@keyframes cardIntro{0%{background-size:140px 0}to{background-size:140px 100px}}@keyframes bounce{0%,80%,to{animation-timing-function:cubic-bezier(0,0,0,.75);transform:translateY(0)}10%{animation-timing-function:cubic-bezier(0,0,0,.75);transform:translateY(5px)scaleY(.8)scaleX(1.2)}30%{animation-timing-function:cubic-bezier(.75,0,1,1);transform:translateY(-30px)scaleY(1.1)scaleX(.8)}50%{animation-timing-function:cubic-bezier(0,0,0,.75);transform:translateY(4px)scaleY(.9)scaleX(1.1)}70%{animation-timing-function:cubic-bezier(.75,0,1,1);transform:translateY(-6px)scaleX(.95)}90%{animation-timing-function:cubic-bezier(.75,0,1,1);transform:translateY(-2px)}}@keyframes background{0%{background-position:0 0}to{background-position:140px 100px}}body{box-sizing:border-box;min-height:100dvh;color:var(--text);background:var(--background);background-image:url(/img/tile.svg);background-size:140px 100px;flex-direction:column;justify-content:flex-start;align-items:center;margin:0;padding:40px 15px 15px;font-family:Vend Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:2.5s linear infinite background;display:flex}body.ram{background-image:url(/img/ram.png);animation:.75s linear infinite background}.card{transform-origin:50%;text-align:center;background:var(--card);box-sizing:border-box;border-radius:35px;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:500px;padding:20px;animation:1s cubic-bezier(.1,.3,0,1) cardIntro;display:flex}.card p,.card h2{margin:0}.card .title{white-space:normal;flex-direction:column;align-items:center;gap:15px;display:flex}.card .title h1{white-space:normal;margin:0;font-family:Climate Crisis,sans-serif;font-size:38px;font-weight:400}.card .title h1 span{cursor:pointer;display:inline-block}.card .title h1 span.animate{animation:.9s bounce}.pfp{position:relative}.pfp img{object-fit:cover;cursor:pointer;border-radius:50%;width:100px;height:100px;margin-right:0}.pfp img.animate{animation:.9s cubic-bezier(.2,.2,0,1.15) spin}.status{border:4px solid var(--card);border-radius:50%;width:25px;height:25px;display:none;position:absolute;bottom:5%;right:5%}.status.online,.status.idle,.status.dnd,.status.offline{display:block}.status.online{background:var(--online)}.status.idle{background:var(--idle)}.status.dnd{background:var(--dnd)}.status.offline{background:var(--offline)}.card hr{width:100%;color:var(--seperator);border-style:dashed;margin:0}.card .socials{justify-content:center;gap:var(--margin);flex-wrap:wrap;width:100%;display:flex}.card .socials button.icon{cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .5s cubic-bezier(.35,.55,0,.9),margin .7s cubic-bezier(.25,.7,0,1.5);display:flex}.card .socials button.icon img{object-fit:contain;width:32px;height:32px}.card .socials button:hover{margin:0 var(--margin);background:#ffffff29;transform:scale(1.25)}.card .socials button:active{margin:0 calc(var(--margin) * -.5);transform:scale(.75)}.statsContainer{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.card .subCount{border-radius:var(--border-radius);background:var(--background);box-sizing:border-box;flex:1;align-items:center;gap:10px;width:100%;max-width:280px;height:60px;padding:5px;display:flex}.card .subCount h1{margin:0;font-size:26px;-webkit-mask-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%)}.card .subCount img{object-fit:cover;border-radius:50%;width:42px;height:42px;margin-left:8px;display:none}.card .subCount img.visible,.card .subCount #serverCounter.visible,.card .subCount #memberCounter.visible{display:block}.statLabel{color:var(--seperator);padding-right:15px;font-size:14px;font-weight:500}.card .subCount .spinner{justify-content:center;align-items:center;width:42px;height:42px;font-size:26px;animation:1s linear infinite spin;display:flex}.lastUpdated{color:var(--seperator);text-align:center;margin:20px auto 0;font-style:italic;position:static}.odometer.odometer-auto-theme,.odometer.odometer-theme-minimal,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit{vertical-align:middle;display:inline-block;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{vertical-align:middle;visibility:hidden;display:inline-block}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;inset:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{-webkit-backface-visibility:hidden;display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{transition:transform 2s cubic-bezier(.3,.2,0,1)}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{transition:transform 2s cubic-bezier(.3,.2,0,1);transform:translateY(0)}.odometer-value{text-align:center}.odometer-value.odometer-first-value,.odometer-value.odometer-last-value{text-align:center;width:100%}@media (width>=768px){body{padding:var(--padding);flex-direction:row;justify-content:center;align-items:center;padding-top:0}.card{padding:var(--padding);border-radius:var(--border-radius);gap:var(--margin);max-width:600px}.card .title{white-space:nowrap;flex-direction:row}.card .title h1{white-space:nowrap;font-size:60px}.pfp img{margin-right:20px}.status{bottom:5%;right:20%}.statsContainer{flex-direction:row;justify-content:center;gap:15px}.lastUpdated{margin:0 0 var(--margin) var(--margin);text-align:left;position:fixed;bottom:0;left:0}}