@font-face{font-family:Oxanium;src:url(../fonts/Oxanium.ttf) format('truetype');font-weight:200 800}
@font-face{font-family:Rajdhani;src:url(../fonts/Rajdhani-Medium.ttf);font-weight:500}
@font-face{font-family:Rajdhani;src:url(../fonts/Rajdhani-SemiBold.ttf);font-weight:600}
@font-face{font-family:Rajdhani;src:url(../fonts/Rajdhani-Bold.ttf);font-weight:700}
@font-face{font-family:'Rubik Spray Paint';src:url(../fonts/RubikSprayPaint-Regular.ttf)}
:root{--y:#FFD400;--y2:#E6BF00;--k:#0A0A0A;--w:#FFFFFF;
 --common:#C8C8C8;--uncommon:#1EFF00;--rare:#0070DD;--epic:#A335EE;--legendary:#FF8000;--iconic:#FFD400}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Rajdhani,sans-serif;color:var(--w);background:var(--k)}
.ox{font-family:Oxanium;font-weight:800}
.spray{font-family:'Rubik Spray Paint',cursive;font-weight:400}
.wm{font-family:'Rubik Spray Paint',cursive;font-weight:400;color:var(--y);letter-spacing:.02em;text-shadow:.06em .06em 0 #000;display:inline-block;transform:rotate(-2deg);white-space:nowrap}.wm em{font-style:normal;color:#fff}
.hazard{background:repeating-linear-gradient(-45deg,var(--y) 0 14px,var(--k) 14px 28px)}
.hazard2{background:repeating-linear-gradient(-45deg,var(--y2) 0 10px,var(--k) 10px 20px)}
.halftone{background-image:radial-gradient(rgba(255,212,0,.35) 1.2px,transparent 1.6px);background-size:9px 9px}
@keyframes glitchX{0%{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(4px,0)}100%{transform:translate(0)}}
@keyframes slices{0%{clip-path:inset(10% 0 80% 0)}20%{clip-path:inset(60% 0 20% 0)}40%{clip-path:inset(30% 0 55% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(5% 0 70% 0)}100%{clip-path:inset(45% 0 40% 0)}}
.rgb{text-shadow:-3px 0 #ff0040,3px 0 #00e5ff}