.App{height:100%;padding:0 10px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.App>*{margin:3px 0}.header{text-align:center}.header p{margin:5px 0}.code{padding:5px;color:#adff2f;background-color:#000;border-radius:5px}.content>img,.content>video{display:none;width:100%;max-width:720px;max-height:500px;border-radius:10px}.content{position:relative}.content>canvas{position:absolute;top:0;left:0;width:100%;height:100%}button{text-decoration:none;color:#fff;background-color:#000;border:2px solid #000;margin:0 5px;padding:5px;border-radius:5px;cursor:pointer}button:hover{color:#000;background-color:#fff;border:2px solid #000}.wrapper{background-color:hsla(0,0%,100%,.5);position:absolute;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.wrapper>.spinner{width:40px;height:40px;background-color:#333;margin:10px;animation:sk-rotateplane 1.2s ease-in-out infinite}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.wrapper>p{margin:0;font-size:large}@font-face{font-family:__Pacifico_28ff18;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c89cfa4ee44cbc90-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Pacifico_28ff18;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4c5ce8dda3f2e57a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Pacifico_28ff18;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bbe178ab8b70b75e-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Pacifico_28ff18;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/797ceaad3c9a531e-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Pacifico_28ff18;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1b3800ed4c918892-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Pacifico_Fallback_28ff18;src:local("Arial");ascent-override:140.97%;descent-override:49.01%;line-gap-override:0.00%;size-adjust:92.43%}.__className_28ff18{font-family:__Pacifico_28ff18,__Pacifico_Fallback_28ff18;font-weight:400;font-style:normal}