html{--zoom: 100;--cyan: #2cd5c4;--neon: #3ecf8e}:root{--unit: 1vmin;--available-screen-min: 590;--px: calc(var(--zoom) * (var(--unit) / var(--available-screen-min)));--bg: #000203;--logopng: url(/assets/bonarea-logo-Da8yTaBK.png);--ticket: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20300'%3e%3cg%20id='Layer_1-2'%3e%3cpath%20d='m115,0c0,8.28-6.72,15-15,15s-15-6.72-15-15H0v300h84.89c0-8.28,6.72-15,15-15s15,6.72,15,15h85.11V0h-85Z'/%3e%3c/g%3e%3c/svg%3e");--ar: 10 / 30;--gutter: 8%}*{box-sizing:border-box;margin:0;padding:0;font-size:16px}*:after,*:before{content:"";display:block;position:relative;box-sizing:border-box}head:before,head:after,body:before,body:after,html:before,html:after{content:"";position:absolute;background-repeat:no-repeat;box-sizing:border-box;filter:blur(0)}body{all:unset;background-color:var(--bg);height:100vh;display:flex;align-items:center;justify-content:center}a{all:unset}#app{perspective:1200px;--o: 0;--p: 100%;--h: 50%;--r: 0;transform:translateZ(.1px)}.ticket{--scale: 1;transform:translateZ(.1px) scale(var(--scale)) rotateY(var(--r));transform-style:preserve-3d;pointer-events:auto}.front,.back{grid-area:1 / 1;background-color:#6e6176;background-image:radial-gradient(circle at var(--p) 50%,#111 10%,transparent 100%);background-size:100% 220vh;background-position:center;background-repeat:no-repeat;border-radius:15px;display:grid;backface-visibility:visible;transform:translateZ(1px);transform-style:preserve-3d;-webkit-mask-image:var(--ticket);mask-image:var(--ticket);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;height:calc(420 * var(--px))}.cutout{position:absolute}.front:after,.back:after{content:"";position:absolute;inset:0;background-image:linear-gradient(-70deg,transparent 40%,rgba(255,255,255,.5) 40.5%,transparent);background-size:200% 200%;background-position:var(--p) var(--p);z-index:5;opacity:calc(var(--o) + .5);pointer-events:none}.front{transform:rotateY(180deg) translateZ(1px)}.back{padding:calc(20 * var(--px))}.holo{display:block;position:absolute;inset:0;border-radius:15px;--space: 5%;--red: hsl(0, 100%, 50%);--orange: hsl(30, 100%, 50%);--yellow: hsl(60, 100%, 50%);--cyan: hsl(120, 100%, 50%);--cyan: hsl(180, 100%, 50%);--blue: hsl(222, 100%, 50%);--purple: hsl(258, 100%, 50%);--magenta: hsl(300, 100%, 50%);background-image:repeating-linear-gradient(-45deg,var(--red) 0%,var(--orange) calc(var(--space) * 1),var(--yellow) calc(var(--space) * 2),var(--cyan) calc(var(--space) * 3),var(--cyan) calc(var(--space) * 4),var(--blue) calc(var(--space) * 5),var(--purple) calc(var(--space) * 6),var(--magenta) calc(var(--space) * 7),var(--red) calc(var(--space) * 8));background-size:150vw 150vh;background-position:calc(var(--h)) calc(var(--h));background-repeat:no-repeat;-webkit-mask-image:var(--logopng);mask-image:var(--logopng);-webkit-mask-size:40% 40%;mask-size:40% 40%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:110% 120%;mask-position:110% 120%;mix-blend-mode:plus-lighter;filter:brightness(.1) contrast(.7) saturate(2);opacity:var(--o)}.logo{width:50%;place-self:center;transform:translateY(-14%)}.divider{position:absolute;display:flex;align-items:center;justify-content:start;bottom:2%;left:0;right:0;height:18%;padding:0 var(--gutter);background-image:repeating-linear-gradient(90deg,#fff0 0px,#fff0 8px,var(--cyan) 8px,var(--cyan) 16px),radial-gradient(ellipse at center center,#fff0 10%,transparent 50%);background-size:100% 1.5px,250% 1.5px;background-repeat:no-repeat;background-position:-4px top,var(--h) top;background-blend-mode:overlay;font-size:16px;font-weight:400;z-index:2}.divider div{display:flex;align-items:center;justify-content:left}.divider>div>img{margin-right:10px;height:40px}#app{color:#fff;display:flex;align-items:center;place-content:center;overflow:hidden;padding:60px;z-index:999;height:96dvh}.ticket{display:grid;grid-area:1 / 1;width:calc(300 * var(--px));height:calc(400 * var(--px));aspect-ratio:var(--ar)}@media screen and (max-width: 400px){.ticket{--scale: 1.1}}@media (max-width: 1024px){:root{--available-screen-min: 340}.ticket{--scale: 1}}.data{position:absolute;top:calc(90 * var(--px));margin:calc(20 * var(--px))}.name{font-size:calc(22 * var(--px))}.githubid{font-size:calc(20 * var(--px))}h3{font-size:calc(15 * var(--px))}:root,body{font-family:Onest Variable,sans-serif}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DXI_y_WF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-CnNj8hVb.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-CUIqqgP9.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}