body {

    overflow:hidden;

    background:#111;

    color:#00ff99;

    font-family:
    "Courier New",
    monospace;

    height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

}

.arcade {

    position:relative;

    z-index:10;

    width:700px;

    padding:40px;

    text-align:center;

    border:5px solid #00ff99;

    border-radius:20px;

    background:#222;

    box-shadow:
    0 0 30px #00ff99;

}

.arcade.power-on {

    animation:
    powerOn .4s ease-out;

}


@keyframes powerOn {


0% {

    transform:
    scaleY(.05);

    opacity:0;

}


50% {

    transform:
    scaleY(1.05);

}


100% {

    transform:
    scaleY(1);

}

}

.hidden {

    display:none;

}