:root{
--pR:relative;
--pA:absolute;
--pF:fixed;

--oP:1.;

--A:#fff;
--Abefore:#fff;
--Aafter:#fff;

--B:#fff;
--Bbefore:#fff;
--Bafter:#fff;

--C:#fff;
--Cbefore:#000;

--D:#fff;
--Dbefore:#fff;

--E:#fff;
--Ebefore:#fff;

--F:#fff;
--Fbefore:#fff;

--G:#fff;
--Gbefore:#000;
--Gafter:#fff;

--H:#fff;
--Hbefore:#fff;

--I:#fff;

--J:#fff;
--Jbefore:#fff;
--Jafter:#000;

--K:#fff;
--Kbefore:#fff;
--Kafter:#fff;

--L:#fff;

--M:#fff;
--Mbefore:#fff;
--Mafter:#fff;

--N:#fff;
--Nbefore:#fff;

--O:#fff;

--P:#fff;
--Pbefore:#fff;

--Q:#fff;
--Qbefore:#fff;
--Qafter:#000;

--R:#fff;
--Rbefore:#fff;
--Rafter:#fff;

--Sbefore:#fff;
--Safter:#fff;

--T:#fff;
--Tbefore:#fff;

--U:#fff;
--Ubefore:#fff;

--Vbefore:#fff;
--Vafter:#fff;

--Wbefore:#fff;
--Wafter:#fff;

--Xbefore:#fff;
--Xafter:#fff;

--Y:#fff;
--Ybefore:#fff;
--Yafter:#fff;

--Z:#fff;
--Zbefore:#fff
}

body{background:black;width:100%;height:auto}/*
.grid{display:block;position:var(--pA);background:url(numberGrid.png);left:2vw;top:-3vw;width:100vw;height:40vw;z-index:auto}*/

.box{position:var(--pA);left:var(--lL);top:var(--lTp);-webkit-transform:scale(var(--lTM));-moz-transform:scale(var(--lTM));-ms-transform:scale(var(--lTM));-o-transform:scale(var(--lTM));transform:scale(var(--lTM));-webkit-transition:var(--lT);-moz-transition:var(--lT);-o-transition:var(--lT);transition:var(--lT)}
.box:hover{--lTM:;--lL:;--lTp:}

.A,.B,.C,.D,.E,.F,.G,.H,.I,.J,.K,.L,.M,.N,.O,.P,.Q,.R,.S,.T,.U,.V,.W,.X,.Y,.Z{
position:var(--pR);
opacity:var(--AopRime);
-webkit-transform:skew(var(--lTMprime),0) scale(var(--lSprime));-moz-transform:skew(var(--lTMprime),0) scale(var(--lSprime));-ms-transform:skew(var(--lTMprime),0) scale(var(--lSprime));-o-transform:skew(var(--lTMprime),0) scale(var(--lSprime));transform:skew(var(--lTMprime),0) scale(var(--lSprime));
-webkit-transition:var(--lTprime);-moz-transition:var(--lTprime);-o-transition:var(--lTprime);transition:var(--lTprime)
}

.A::before,.B::before,.C::before,.D::before,.E::before,.F::before,.G::before,.H::before,.J::before,.K::before,.M::before,.N::before,.P::before,.Q::before,.R::before,.S::before,.T::before,.U::before,.V::before,.W::before,.X::before,.Y::before,.Z::before{
position:var(--pA);
content:'';
opacity:var(--AopBefore);
-webkit-transform:scale(var(--lSbefore)) skew(var(--lTMbefore),0);-moz-transform:scale(var(--lSbefore)) skew(var(--lTMbefore),0);-ms-transform:scale(var(--lSbefore)) skew(var(--lTMbefore),0);-o-transform:scale(var(--lSbefore)) skew(var(--lTMbefore),0);transform:scale(var(--lSbefore)) skew(var(--lTMbefore),0);
-webkit-transition:var(--lTbefore);-moz-transition:var(--lTbefore);-o-transition:var(--lTbefore);transition:var(--lTbefore)
/**/}

.A::after,.B::after,.J::after,.G::after,.K::after,.M::after,.Q::after,.R::after,.S::after,.V::after,.W::after,.X::after,.Y::after{
position:var(--pA);
content:'';
opacity:var(--AopAfter);
-webkit-transform:skew(var(--lTMafter),0) scale(var(--lSafter));-moz-transform:skew(var(--lTMafter),0) scale(var(--lSafter));-ms-transform:skew(var(--lTMafter),0) scale(var(--lSafter));-o-transform:skew(var(--lTMafter),0) scale(var(--lSafter));transform:skew(var(--lTMafter),0) scale(var(--lSafter));
-webkit-transition:var(--lTafter);-moz-transition:var(--lTafter);-o-transition:var(--lTafter);transition:var(--lTafter)
/**/}

.A{
left:2.25vw;
top:-2.86vw;
width:4.75vw;
height:7.5833vw;
border-bottom:solid 1.3vw var(--A)
}

.A::before{
background-color:var(--Abefore);
left:-.25vw;
top:2.66vw;
width:1.5vw;
height:10.416vw}

.A::after{
background-color:var(--Aafter);
top:2.66vw;
left:3.5vw;
width:1.5vw;
height:10.416vw}

.B{
left:.833vw;
top:1.16vw;
width:5vw;
height:10.416vw;
border-left:solid 1.4vw var(--B)}

.B::before{
left:-.16vw;
top:-.16vw;
width:4.5vw;
height:3.35vw;
border-width:1.4vw 1.25vw .833vw 0;
border-color:var(--Bbefore);
border-style:solid;
border-radius:0 240% 180% 0 /0 180% 180% 0}/**/

.B::after{
left:-.16vw;
bottom:-.16vw;
width:5vw;
height:3.5833vw;
border-width:.833vw 1.35vw 1.4vw 0;
border-color:var(--Bafter);
border-style:solid;
border-radius:0 180% 220% 0 /0 180% 180% 0}/**/

.C{
left:.416vw;
top:1.0416vw;
width:7vw;
height:7.9166vw;
border-width:1.25vw 1vw 1.25vw 1.33vw;
border-color:var(--C);
border-style:solid;
border-radius:50%}

.C::before{
position:var(--pA);
background-color:var(--Cbefore);
content:'';
left:4.0833vw;
top:.166vw;
width:7.5vw;
height:7.5vw;
-webkit-clip-path:polygon(0 1.95vw,2.7vw 2.2vw,5vw 4.4vw,5.5125vw 6.8vw,4.35vw 7vw,0 3.15vw);
-moz-clip-path:polygon(0 1.95vw,2.7vw 2.2vw,5vw 4.4vw,5.5125vw 6.8vw,4.35vw 7vw,0 3.15vw);
-ms-clip-path:polygon(0 1.95vw,2.7vw 2.2vw,5vw 4.4vw,5.5125vw 6.8vw,4.35vw 7vw,0 3.15vw);
-o-clip-path:polygon(0 1.95vw,2.7vw 2.2vw,5vw 4.4vw,5.5125vw 6.8vw,4.35vw 7vw,0 3.15vw);
clip-path:polygon(0 1.95vw,2.7vw 2.2vw,5vw 4.4vw,5.5125vw 6.8vw,4.35vw 7vw,0 3.15vw);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)}

.D{
left:.833vw;
top:1.0416vw;
height:10.416vw;
border-left:solid 1.35vw var(--Dbefore)}

.D::before{
position:var(--pA);
content:'';
left:-.5vw;
top:0;
width:6vw;
height:7.9166vw;
border-width:1.35vw 1.35vw 1.35vw 0;
border-color:var(--Dbefore);
border-style:solid;
border-radius:0 300% 300% 0 /0 180% 180% 0}

.E{
left:1.5vw;
top:1.0416vw;
width:5.25vw;
height:7.7vw;
border-width:1.4vw 0 1.25vw 1.33vw;
border-color:var(--E);
border-style:solid}

.E::before{
position:var(--pA);
background-color:var(--Ebefore);
content:'';
left:-.0833vw;
top:3.166vw;
width:4.4166vw;
height:1.25vw}

.F{
left:.833vw;
top:1.0416vw;
width:5.25vw;
height:9vw;
border-width:1.4vw 0 0 1.33vw;
border-color:var(--F);
border-style:solid}

.F::before{
position:var(--pA);
background-color:var(--Fbefore);
content:'';
left:-.066vw;
top:3.166vw;
width:4.4166vw;
height:1.25vw}

.G{
left:0;
top:1.0416vw;
width:7vw;
height:7.9166vw;
border-width:1.25vw 1vw 1.25vw 1.33vw;
border-color:var(--G);
border-style:solid;
border-radius:50%}

.G::before{
position:var(--pA);
background-color:var(--Gbefore);
content:'';
left:4vw;
top:1.25vw;
width:5.5vw;
height:5vw;
-webkit-clip-path:polygon(0 0,2.4vw 0,5.1vw 3vw,5.5125vw 6.8vw,0 2vw);
-moz-clip-path:polygon(0 0,2.4vw 0,5.1vw 3vw,5.5125vw 6.8vw,0 2vw);
-ms-clip-path:polygon(0 0,2.4vw 0,5.1vw 3vw,5.5125vw 6.8vw,0 2vw);
-o-clip-path:polygon(0 0,2.4vw 0,5.1vw 3vw,5.5125vw 6.8vw,0 2vw);
clip-path:polygon(0 0,2.4vw 0,5.1vw 3vw,5.5125vw 6.8vw,0 2vw);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)}

.G::after{
position:var(--pA);
content:'';
top:4.166vw;
right:0;
bottom:.0416vw;
width:2.33vw;
height:4vw;
border-width:1.0833vw 1.166vw 0 0;
border-color:var(--Gafter);
border-style:solid}

.H{
left:.833vw;
top:1.0416vw;
width:5vw;
height:10.416vw;
border-width:0 1.33vw 0 1.33vw;
border-color:var(--H);
border-style:solid}

.H::before{
position:var(--pA);
background-color:var(--Hbefore);
content:'';
left:-.0833vw;
top:4.4166vw;
width:5.1vw;
height:1.166vw}

.I{
background-color:var(--I);
left:3vw;
top:1.0416vw;
width:1.5vw;
height:10.416vw;
z-index:1}

.J{
left:-3vw;
top:1.0416vw;
width:6.25vw;
height:5.5vw;
border-right:solid 1.55vw var(--J);}

.J::before{
position:var(--pA);
content:'';
right:-1.33vw;
bottom:-5vw;
width:4.166vw;
height:5vw;
border-width:0 1.66vw 1.66vw 1.33vw;
border-color:var(--Jbefore);
border-style:solid;
border-radius:0 0 75% 75%}

.J::after{
position:var(--pA);
background-color:var(--Jafter);
content:'';
left:.5vw;
top:4vw;
width:2vw;
height:2.83vw;
opacity:var(--oP);/* important 
-webkit-transform:rotate(-40deg);
-moz-transform:rotate(-40deg);
-ms-transform:rotate(-40deg);
-o-transform:rotate(-40deg);
transform:rotate(-40deg)*/}

.K{
left:.833vw;
top:1vw;
width:6.67vw;
height:10.416vw;
border-left:solid 1.33vw var(--K)}

.K::before{
position:var(--pA);
background-color:var(--Kbefore);
content:'';
left:1vw;
top:0;
width:2vw;
height:7vw;
-webkit-clip-path:polygon(0 0,100% 0,100% 90%,50% 90%,0 77.5%);
-moz-clip-path:polygon(0 0,100% 0,100% 90%,50% 90%,0 77.5%);
-ms-clip-path:polygon(0 0,100% 0,100% 90%,50% 90%,0 77.5%);
-o-clip-path:polygon(0 0,100% 0,100% 90%,50% 90%,0 77.5%);
clip-path:polygon(0 0,100% 0,100% 90%,50% 90%,0 77.5%);
z-index:auto;
-webkit-transform:skew(-43deg,0);
-moz-transform:skew(-43deg,0);
-ms-transform:skew(-43deg,0);
-o-transform:skew(-43deg,0);
transform:skew(-43deg,0)}

.K::after{
position:var(--pA);
background-color:var(--Kafter);
content:'';
right:2.33vw;
bottom:0;
width:1.75vw;
height:6.65vw;
-webkit-transform:skew(30deg,0);
-moz-transform:skew(30deg,0);
-ms-transform:skew(30deg,0);
-o-transform:skew(30deg,0);
transform:skew(30deg,0)}

.L{
left:.5vw;
top:-.5vw;
width:5.75vw;
height:9.2vw;
border-width:0 0 1.5vw 1.5vw;
border-color:var(--L);
border-style:solid}

.M{
left:-1.5vw;
top:1.0416vw;
width:6.166vw;
height:10.416vw;
border-width:0 1.5vw 0 1.5vw;
border-color:var(--M);
border-style:solid}

.M::before{
position:var(--pA);
background-color:var(--Mbefore);
content:'';
left:.66vw;
top:0;
width:1.25vw;
height:7vw;
-webkit-transform:skew(28deg,0);
-moz-transform:skew(28deg,0);
-ms-transform:skew(28deg,0);
-o-transform:skew(28deg,0);
transform:skew(28deg,0)}

.M::after{
position:var(--pA);
background-color:var(--Mafter);
content:'';
right:.6vw;
top:0;
width:1.25vw;
height:7vw;
-webkit-transform:skew(-28deg,0);
-moz-transform:skew(-28deg,0);
-ms-transform:skew(-28deg,0);
-o-transform:skew(-28deg,0);
transform:skew(-28deg,0)}

.N{
left:-1vw;
top:1.0416vw;
width:5.25vw;
height:10.416vw;
border-width:0 1.5vw 0 1.5vw;
border-color:var(--N);
border-style:solid}

.N::before{
position:var(--pA);
background-color:var(--Nbefore);
content:'';
left:2.166vw;
top:0;
width:1.25vw;
height:10.416vw;
-webkit-transform:skew(30deg,0);
-moz-transform:skew(30deg,0);
-ms-transform:skew(30deg,0);
-o-transform:skew(30deg,0);
transform:skew(30deg,0)}

.O{
left:.416vw;
top:1.0416vw;
width:6vw;
height:8.16vw;
border-width:1.166vw 1.33vw 1.166vw 1.33vw;
border-color:var(--O);
border-style:solid;
border-radius:55% / 52%}

.P{
left:.4vw;
top:1.0416vw;
width:5vw;
height:10.416vw;
border-left:solid 1.65vw var(--P)}

.P::before{
position:var(--pA);
content:'';
left:-.35vw;
top:-.175vw;
width:4.75vw;
height:4.166vw;
border-width:1.6vw 1.5vw 1.35vw 0;
border-color:var(--Nbefore);
border-style:solid;
border-radius:0 220% 220% 0 / 0 180% 180% 0}

.Q{
left:0;
top:1.0416vw;
width:6vw;
height:8.16vw;
border-width:1.166vw 1.33vw 1.166vw 1.33vw;
border-color:var(--Q);
border-style:solid;
border-radius:55% / 52%;
z-index:-1}

.Q::before{
position:var(--pA);
content:'';
left:4.33vw;
top:5.33vw;
width:1.33vw;
height:4vw;
border-width:1.33vw 0 1.0833vw 1.0833vw;
border-color:var(--Qbefore);
border-style:solid;
border-radius:200% 0 0 200% / 100% 0 0 100%;
-webkit-transform:rotate(-74deg);
-moz-transform:rotate(-74deg);
-ms-transform:rotate(-74deg);
-o-transform:rotate(-74deg);
transform:rotate(-74deg)}

.Q::after{
position:var(--pA);
background-color:var(--Qafter);
content:'';
right:-3.25vw;
bottom:-1.9166vw;
width:3vw;
height:2.25vw;
-webkit-transform:rotate(-18deg);
-moz-transform:rotate(-18deg);
-ms-transform:rotate(-18deg);
-o-transform:rotate(-18deg);
transform:rotate(-18deg)}

.R{
left:1.249vw;
top:1.0416vw;
width:5vw;
height:10.416vw;
border-left:solid 1.33vw var(--R)}

.R::before{
position:var(--pA);
content:'';
left:-.25vw;
top:-.3vw;
width:5.2vw;
height:3.66vw;
border-width:1.5vw 1.25vw 1.33vw 0;
border-color:var(--Rbefore);
border-style:solid;
border-radius:0 220% 220% 0 / 0 180% 180% 0}

.R::after{
position:var(--pA);
background-color:var(--Rafter);
content:'';
left:3.66vw;
bottom:0;
width:1.5vw;
height:4.83vw;
-webkit-transform:skew(32deg,0);
-moz-transform:skew(32deg,0);
-ms-transform:skew(32deg,0);
-o-transform:skew(32deg,0);
transform:skew(32deg,0)}

.S{
left:0;
top:1.2vw;
width:8.75vw;
height:12.5vw;
-webkit-transform:rotate(14deg);
-moz-transform:rotate(14deg);
-ms-transform:rotate(14deg);
-o-transform:rotate(14deg);
transform:rotate(14deg)}

.S::before{
position:var(--pA);
content:'';
left:.275vw;
width:4.16vw;
height:2.96vw;
border-width:1.43vw 0 1.25vw 1.2916vw;
border-color:var(--Sbefore);
border-style:solid;
border-radius:180% 0 0 150% / 150% 0 0 130%;
-webkit-transform:rotate(15.5deg);
-moz-transform:rotate(15.5deg);
-ms-transform:rotate(15.5deg);
-o-transform:rotate(15.5deg);
transform:rotate(15.5deg)}

.S::after{
position:var(--pA);
content:'';
left:2.66vw;
top:5.1vw;
width:4.83vw;
height:3.41vw;
border-width:1.25vw 0 1.25vw 1.25vw;
border-color:var(--Safter);
border-style:solid;
border-radius:260% 10% 100% 145% / 150% 0 0 120%;
-webkit-transform:rotate(198deg);
-moz-transform:rotate(198deg);
-ms-transform:rotate(198deg);
-o-transform:rotate(198deg);
transform:rotate(198deg)}

.T{
left:.833vw;
top:1vw;
width:8.33vw;
height:9.16vw;
border-top:solid 1.5vw var(--T)}

.T::before{
position:var(--pA);
background-color:var(--Tbefore);
content:'';
left:3.5vw;
top:0;
width:1.33vw;
height:9.16vw}

.U{
left:.833vw;
top:1.0416vw;
width:5vw;
height:6.66vw;
border-width:0 1.33vw 0 1.33vw;
border-color:var(--U);
border-style:solid}

.U::before{
position:var(--pA);
content:'';
left:-1.33vw;
top:5.416vw;
width:5vw;
height:3.75vw;
border-width:0 1.33vw 1.25vw 1.33vw;
border-color:var(--Ubefore);
border-style:solid;
border-radius:0 0 200% 200% / 0 0 300% 300%}

.V{
left:2.5vw;
top:1.0416vw;
width:4.9166vw;
height:10.416vw;
padding-bottom:2vw}

.V::before{
position:var(--pA);
content:'';
left:0;
top:0;
height:10.416vw;
border-left:solid 1.33vw var(--Vbefore);
-webkit-transform:skew(18deg,0);
-moz-transform:skew(18deg,0);
-ms-transform:skew(18deg,0);
-o-transform:skew(18deg,0);
transform:skew(18deg,0)}

.V::after{
position:var(--pA);
content:'';
right:0;
top:0;
height:10.416vw;
border-left:solid 1.33vw var(--Vafter);
-webkit-transform:skew(-18deg,0);
-moz-transform:skew(-18deg,0);
-ms-transform:skew(-18deg,0);
-o-transform:skew(-18deg,0);
transform:skew(-18deg,0)}

.W{
left:1.0416vw;
top:1.0416vw;
width:8.33vw;
height:7vw;
padding:1.33vw 0 1.33vw 0}

.W::before{
position:var(--pA);
content:'';
left:0;
top:0;
width:3.5vw;
height:10.416vw;
border-width:0 1.083vw 0 1.25vw;
border-color:var(--Wbefore);
border-style:solid;
-webkit-transform:skew(11deg,0);
-moz-transform:skew(11deg,0);
-ms-transform:skew(11deg,0);
-o-transform:skew(11deg,0);
transform:skew(11deg,0)}

.W::after{
position:var(--pA);
content:'';
right:0;
top:0;
width:3.5vw;
height:10.416vw;
border-width:0 1.25vw 0 1.0833vw;
border-color:var(--Wafter);
border-style:solid;
-webkit-transform:skew(-11deg,0);
-moz-transform:skew(-11deg,0);
-ms-transform:skew(-11deg,0);
-o-transform:skew(-11deg,0);
transform:skew(-11deg,0)}

.X{
left:4.166vw;
top:1.0416vw;
width:1.33vw;
height:10.416vw}

.X::before{
position:var(--pA);
background-color:var(--Xbefore);
content:'';
top:0;
left:0;
width:1.65vw;
height:10.416vw;
-webkit-transform:skew(32deg,0);
-moz-transform:skew(32deg,0);
-ms-transform:skew(32deg,0);
-o-transform:skew(32deg,0);
transform:skew(32deg,0)}

.X::after{
position:var(--pA);
background-color:var(--Xafter);
content:'';
right:0;
top:0;
width:1.65vw;
height:10.416vw;
-webkit-transform:skew(-32deg,0);
-moz-transform:skew(-32deg,0);
-ms-transform:skew(-32deg,0);
-o-transform:skew(-32deg,0);
transform:skew(-32deg,0)}

.Y{
background-color:var(--Y);
left:4.33vw;
top:7.6716vw;
width:1.33vw;
height:3.666vw}

.Y::before{
position:var(--pA);
background-color:var(--Ybefore);
content:'';
left:-1.75vw;
top:-6.66vw;
width:1.33vw;
height:6.66vw;
-webkit-transform:skew(28deg,0);
-moz-transform:skew(28deg,0);
-ms-transform:skew(28deg,0);
-o-transform:skew(28deg,0);
transform:skew(28deg,0)}

.Y::after{
position:var(--pA);
background-color:var(--Yafter);
content:'';
top:-6.66vw;
right:-1.75vw;
width:1.33vw;
height:6.66vw;
-webkit-transform:skew(-28deg,0);
-moz-transform:skew(-28deg,0);
-ms-transform:skew(-28deg,0);
-o-transform:skew(-28deg,0);
transform:skew(-28deg,0)}

.Z{
top:0;
left:1.833vw;
width:7.5vw;
height:8.1vw;
border-width:1.25vw 0 1.25vw 0;
border-color:var(--Z);
border-style:solid;
}

.Z::before{
position:var(--pA);
background-color:var(--Zbefore);
content:'';
left:3vw;
top:0;
width:1.5vw;
height:7.9166vw;
-webkit-transform:skew(-37deg,0);
-moz-transform:skew(-37deg,0);
-ms-transform:skew(-37deg,0);
-o-transform:skew(-37deg,0);
transform:skew(-37deg,0)}