@property --a{syntax:"<angle>";inherits:true;initial-value:0deg}@property --p{syntax:"<percentage>";inherits:true;initial-value:0%}@property --c1{syntax:"<color>";inherits:true;initial-value:#000}@property --c2{syntax:"<color>";inherits:true;initial-value:#000}.ad{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;--s:80px;--_g:#0000,var(--c1) 2deg calc(var(--a) - 2deg),#0000 var(--a);background:conic-gradient(from calc(-45deg - var(--a)/ 2) at top var(--p) left var(--p),var(--_g)),conic-gradient(from calc(-45deg - var(--a)/ 2) at top var(--p) left var(--p),var(--_g)),conic-gradient(from calc(45deg - var(--a)/ 2) at top var(--p) right var(--p),var(--_g)),conic-gradient(from calc(45deg - var(--a)/ 2) at top var(--p) right var(--p),var(--_g)),conic-gradient(from calc(-135deg - var(--a)/ 2) at bottom var(--p) left var(--p),var(--_g)),conic-gradient(from calc(-135deg - var(--a)/ 2) at bottom var(--p) left var(--p),var(--_g)),conic-gradient(from calc(135deg - var(--a)/ 2) at bottom var(--p) right var(--p),var(--_g)),conic-gradient(from calc(135deg - var(--a)/ 2) at bottom var(--p) right var(--p),var(--_g)) var(--c2);background-size:calc(2 * var(--s)) calc(2 * var(--s));animation-name:m;animation-delay:0s;animation-duration:2s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes m{0%,15%{--a:135deg;--p:20%;--c1:#121313;--c2:#242424;background-position:0 0,var(--s) var(--s)}45%{--a:90deg;--p:25%;--c1:#121313;--c2:#242424;background-position:0 0,var(--s) var(--s)}55%{--a:90deg;--p:25%;--c1:#121313;--c2:#242424;background-position:var(--s) 0,0 var(--s)}100%,85%{--a:135deg;--p:20%;--c1:#121313;--c2:#242424;background-position:var(--s) 0,0 var(--s)}}:root{--sat:80%;--light:40%}@keyframes pixelBlink{0%{opacity:1}50%{opacity:0}100%{opacity:0}}section{display:flex;flex-direction:column;gap:48px}section .J{position:relative;border:solid 1px #fff;border-radius:12px;padding:24px 18px;display:flex;flex-direction:column;gap:12px;background:#0f0e0e;background:linear-gradient(0deg,#0f0e0e 0,#2b2727 100%);box-shadow:hsla(0,var(--sat),var(--light),.6) 0 0,hsla(0,var(--sat),var(--light),.5) 5px 5px,hsla(0,var(--sat),var(--light),.4) 10px 10px,hsla(0,var(--sat),var(--light),.3) 15px 15px,hsla(0,var(--sat),var(--light),.2) 20px 20px,hsla(0,var(--sat),var(--light),.1) 25px 25px;animation:moveShadow 1s linear infinite}@keyframes moveShadow{0%{box-shadow:hsla(0,var(--sat),var(--light),.6) 0 0,hsla(0,var(--sat),var(--light),.5) 5px 5px,hsla(72,var(--sat),var(--light),.4) 10px 10px,hsla(144,var(--sat),var(--light),.3) 15px 15px,hsla(216,var(--sat),var(--light),.2) 20px 20px,hsla(288,var(--sat),var(--light),.1) 25px 25px}100%{box-shadow:hsl(0,var(--sat),var(--light),.5) 5px 5px,hsla(72,var(--sat),var(--light),.4) 10px 10px,hsla(144,var(--sat),var(--light),.3) 15px 15px,hsla(216,var(--sat),var(--light),.2) 20px 20px,hsla(288,var(--sat),var(--light),.1) 25px 25px,hsla(360,var(--sat),var(--light),0) 30px 30px}}.E{position:relative;text-align:center}.E h4{position:absolute;margin:0;left:0;top:0;transform:translateY(0) translateX(-48px) rotateZ(-12deg);padding:12px 20px;border-radius:12px;font-family:Barriecito,cursive;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,#ff4d6d,#ffb347);border:2px solid rgba(255,255,255,.2);box-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.5),0 0 12px rgba(255,77,109,.4),0 0 12px rgba(255,179,71,.3);transition:all .1s ease-in-out;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:default;z-index:1}@media (max-width:700px){.E h4{padding:6px 12px;font-size:1.1rem;transform:translateY(24px) translateX(-24px) rotateZ(-12deg)}}body{background:#0f0f0f;color:#fff;font-family:system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;margin:0}.al{padding:0 40px 40px 40px}.title{display:flex;flex-direction:column;margin-top:30px;margin-bottom:30px;gap:12px}.title h1{padding:0;margin:0;font-size:3em;color:#fff;text-align:center;animation:hue 1s infinite linear;text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000}.title .an{text-align:center;font-size:1.1em;color:rgba(255,255,255,.75)}section{margin:25px 0;width:100%;max-width:500px}h2{margin-bottom:15px;font-size:1.4em;text-align:center;opacity:.8}.links{display:grid;gap:10px}a{text-decoration:none;color:#fff;padding:14px;border-radius:10px;text-align:center;font-weight:600}@keyframes hue{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}.ae{text-align:center;margin-top:40px}.ae a{background:#222;border:1px solid #555}.R{width:40px;height:40px;object-fit:contain}