video{width:100%;height:100%;object-fit:cover;object-position:center bottom}.signature{--space:5%;width:180px;height:100px;background-image:repeating-linear-gradient(90deg,rgba(255,39,39,.75),rgba(239,106,106,.75)),repeating-linear-gradient(135deg,#0e152e,hsl(0,12%,87%) 3%,hsl(0,0%,100%) 4.5%,hsl(0,16%,87%) 6%,#0e152e 10%,#0e152e 12%);background-size:100% 200%,700%;background-position:0 50%,calc(var(--background-x) * 1 + var(--background-y) * .5) calc(var(--background-x) * 1);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-position:center;-webkit-mask-position:center;object-fit:cover}.rainbow,.signature{mask-repeat:no-repeat;mix-blend-mode:color-dodge}.rainbow{--angle:133deg;--space:5%;--hyp:0.5;--mx:50%;--my:50%;--pos-x:50%;--pos-y:50%;--imgsize:0%;background-image:repeating-linear-gradient(0deg,rgba(255,119,115,.75) calc(var(--space) * 1),rgba(255,237,95,.75) calc(var(--space) * 2),rgba(168,255,95,.75) calc(var(--space) * 3),rgba(131,255,247,.75) calc(var(--space) * 4),rgba(120,148,255,.75) calc(var(--space) * 5),rgba(216,117,255,.75) calc(var(--space) * 6),rgba(255,119,115,.75) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0,hsl(0,10%,60%) 3%,hsl(0,29%,66%) 4.5%,hsl(0,10%,60%) 6%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at calc(((var(--pointer-x)) * .5) + 25%) calc(((var(--pointer-y)) * .5) + 25%),rgba(0,0,0,.1) 12%,rgba(0,0,0,.5) 80%,rgba(0,0,0,1) 120%);background-blend-mode:hue,hard-light,exclusion;background-size:200% 700%,300%,200%;background-position:0 var(--pos-y),calc(var(--background-y) * 1) calc(var(--background-y) * 1),var(--pos-x) var(--pos-y);filter:brightness(calc((var(--hyp) * .3) + .5)) contrast(2) saturate(1.5);-webkit-filter:brightness(calc((var(--hyp) * .3) + .5)) contrast(2) saturate(1.5);mask-size:cover;mask-position:center;mask-mode:luminance}.rainbow,.rainbow:after{background-color:#393c41;display:grid;grid-area:1/1;will-change:background-image,background-position,filter}.rainbow:after{--angle:133deg;--space:5%;--hyp:0.5;--mx:50%;--my:50%;--pos-x:65%;--pos-y:50%;--imgsize:0%;content:" ";visibility:visible;mix-blend-mode:exclusion;background-image:repeating-linear-gradient(0deg,rgba(255,119,115,.75) calc(var(--space) * 1),rgba(255,237,95,.75) calc(var(--space) * 2),rgba(168,255,95,.75) calc(var(--space) * 3),rgba(131,255,247,.75) calc(var(--space) * 4),rgba(120,148,255,.75) calc(var(--space) * 5),rgba(216,117,255,.75) calc(var(--space) * 6),rgba(255,119,115,.75) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0,hsl(180,10%,60%) 3%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 6%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at calc(((var(--pointer-x)) * .5) + 25%) calc(((var(--pointer-y)) * .5) + 25%),rgba(0,0,0,.1) 12%,rgba(0,0,0,.5) 80%,rgba(0,0,0,1) 120%);background-blend-mode:hue,hard-light,exclusion;background-size:200% 400%,400%,200%;background-position:0 var(--pos-y),calc(var(--background-x) * -1) calc(var(--background-x) * -1),var(--pos-x) var(--pos-y);filter:brightness(calc((var(--hyp) * .5) + .8)) contrast(1.6) saturate(1.4);-webkit-filter:brightness(calc((var(--hyp) * .5) + .8)) contrast(1.6) saturate(1.4)}.card{transform-origin:center;transform:translateZ(0) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform .2s ease-out}.card_inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}