@import"https://fonts.googleapis.com/css?family=Orbitron|Quicksand:500";.arcade-machine{height:600px;width:600px;position:relative;perspective:35em}.arcade-machine .top{height:15%;width:70%;position:absolute;top:0%;left:15%;background:#fff;border:5px solid #4c4c4c;z-index:3}.arcade-machine .top:before,.arcade-machine .top:after{height:100%;width:4%;position:absolute;top:-9%;background:#fff;border:5px solid #4c4c4c;content:" "}.arcade-machine .top:before{left:-6%}.arcade-machine .top:after{right:-6%}.arcade-machine .stripes{height:100%;width:10%;position:absolute;top:0%;left:45%;background:#68a691}.arcade-machine .stripes:before,.arcade-machine .stripes:after{height:100%;width:100%;position:absolute;top:0%;content:" "}.arcade-machine .stripes:before{background:#bfd3c1;left:-100%}.arcade-machine .stripes:after{background:#07beb8;right:-100%}.arcade-machine>.shadow{height:85%;width:65%;position:absolute;top:2%;left:19%;background:#4b5b61;box-shadow:0 0 60px #4b5b61;z-index:-1}.arcade-machine .screen-container{height:55%;width:62%;position:absolute;top:15%;left:19%;background:#4b5b61;border:5px solid #4c4c4c;z-index:1}.arcade-machine .screen-container:before,.arcade-machine .screen-container:after{height:100%;width:4%;position:absolute;top:-2%;background:#fff;content:" ";border:5px solid #4c4c4c;z-index:2}.arcade-machine .screen-container:before{left:-6%}.arcade-machine .screen-container:after{right:-6%}.arcade-machine .screen-container .shadow{height:8%;width:110%;position:absolute;top:0%;left:-5%;background:#0000001a;z-index:4}.arcade-machine .screen-container .screen{height:98%;width:100%;position:absolute;background:#313332;border:5px solid #4c4c4c;border-radius:90px 93px 93px/15px;overflow:hidden;text-align:center}.arcade-machine .screen-container .screen-display{position:absolute;width:100%;height:200%;background-image:repeating-linear-gradient(0deg,#313332,#313332 15px,#4a4d4c 15px,#4a4d4c 16px);animation:translate 1s infinite}.arcade-machine .screen-container .screen h2{width:100%;position:absolute;top:60%;color:#e0e0e0;font-family:Orbitron,sans-serif,sans-serif}.arcade-machine .screen-container .joystick{height:6%;width:5%;background:#0f90c9;position:absolute;top:91%;left:17%;border-radius:50%;border:5px solid #4c4c4c;z-index:3}.arcade-machine .screen-container .joystick:before{height:90%;width:65%;position:absolute;top:7%;left:32%;background:#0d78a8;content:"";border-radius:50%}.arcade-machine .screen-container .joystick .stick{height:200%;width:40%;position:absolute;top:100%;left:30%;background:#4c4c4c;content:""}.arcade-machine .screen-container .joystick .stick:before{height:100%;width:150%;transform:rotate(90deg);position:absolute;top:50%;left:-20%;background:#4c4c4c;content:""}.arcade-machine .board{height:20%;width:66%;position:absolute;top:65%;left:18.2%;background:#4b5b61;transform:rotateX(70deg)}.arcade-machine .board:before,.arcade-machine .board:after{height:92%;width:4%;position:absolute;top:-2%;background:#fff;content:" ";border:5px solid #4c4c4c;z-index:2}.arcade-machine .board:before{left:-6%}.arcade-machine .board:after{right:-6%}.arcade-machine .board .button{height:15%;width:6%;position:absolute;top:40%;left:30%;border-radius:50%;border:5px solid #4c4c4c}.arcade-machine .board .button-a{background:#bfd3c1;left:40%}.arcade-machine .board .button-b{background:#68a691;left:55%}.arcade-machine .board .button-c{background:#07beb8;left:70%}.arcade-machine .bottom{height:10%;width:73%;position:absolute;top:81%;left:14%;background:#fff;border:5px solid #4c4c4c}.arcade-machine .bottom:before,.arcade-machine .bottom:after{height:98%;width:4%;position:absolute;top:-9%;background:#fff;content:" ";border:5px solid #4c4c4c;z-index:2}.arcade-machine .bottom:before{left:-5.8%}.arcade-machine .bottom:after{right:-5.9%}.alien-container{position:absolute;top:20%;left:35%;height:30%;width:30%;animation:bounce .8s infinite}.alien .ear{position:absolute;top:14%;height:13%;width:10%;background:#b4deec}.alien .ear-left{left:35%}.alien .ear-right{right:35%}.alien .ear:before{position:absolute;top:-100%;height:100%;width:100%;background:#b4deec;content:""}.alien .ear-left:before{left:-100%}.alien .ear-right:before{right:-100%}.alien .head-top{position:absolute;top:26%;left:20%;height:15%;width:60%;background:#b4deec}.alien .head{position:absolute;top:40%;left:11.5%;height:15%;width:77%;background:#b4deec}.alien .head .eye{position:absolute;top:-5%;height:77%;width:12%;background:#313332}.alien .head .eye-left{left:25%}.alien .head .eye-right{right:25%}.alien .body{position:absolute;top:54%;left:10%;height:20%;width:80%;background:#b4deec}.alien .body:before,.alien .body:after{height:220%;width:13%;background:#b4deec;position:absolute;content:""}.alien .body:before{left:-10%}.alien .body:after{right:-10%}.alien .arm{position:absolute;top:85%;height:13%;width:10%;background:#b4deec}.alien .arm-left{left:35%}.alien .arm-right{right:35%}.alien .arm:before{position:absolute;top:-100%;height:100%;width:100%;background:#b4deec;content:""}.alien .arm-left:before{left:-100%}.alien .arm-right:before{right:-100%}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes translate{0%{top:-10%}to{top:0}}.kbc-button{font-size:inherit;line-height:inherit;margin:.25rem .25rem .4375rem .4375rem;padding:.1rem .8rem;box-shadow:0 0 #d9d9d9,0 0 #d9d9d9,0 1px #d9d9d9,0 2px #d9d9d9,0 3px #d9d9d9,0 4px #d9d9d9,0 5px #d9d9d9,2px 2.5px 4px #adb5bd,0 -1px 2.5px #adb5bd;background-color:#fff;border-color:#e6e6e6;color:#343a40;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #e6e6e6;border-radius:.25rem;display:inline-block;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400;text-align:left;transform:translateZ(5px);transform-style:preserve-3d;transition:all .25s cubic-bezier(.2,1,.2,1)}.kbc-button:after{border-color:#ccc;border-style:solid;box-sizing:content-box;content:"";display:block;position:absolute;transform-style:preserve-3d;transition:all .25s cubic-bezier(.2,1,.2,1)}button.kbc-button:after{border-radius:.5rem;border-width:.125rem;bottom:-10px;left:-.3125rem;right:-.3125rem;top:0;transform:translateZ(-5px)}button.kbc-button:hover,button.kbc-button:focus{transform:translate3d(0,1px,5px);outline:none}button.kbc-button:hover:after,button.kbc-button:focus:after{transform:translate3d(0,-1px,-5px)}button.kbc-button:active{border-color:transparent;box-shadow:none;transform:translate3d(0,5px,0)}button.kbc-button:active:after{transform:translate3d(0,-5px,0)}button.kbc-button:active{background-color:#e6e6e6;box-shadow:0 0 1px 1px #b3b3b3;color:#343a40}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.video{width:320px;height:340px;object-fit:cover;object-position:bottom}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}