arcade.css

@import "palette.css";
@import "fonts/overpass.css";
@import "shimmer.css";

html, body, #arcade-container, .arcade-iframe {
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: var(--clh-black);
    color: var(--clh-white);
    font-family: "overpass";
}
.to-menu {
    position: absolute;
    left: 5px;
    bottom: 5px;
    opacity: 1;

    display: inline;
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 4px 0 4px;
    border-radius: 3px;

    transition: opacity linear 200ms, transform ease-out 340ms;
    transform-origin: left bottom;
    transform: scale(1.6);
}
.to-menu a {
    display: block;

    cursor: pointer;

    /* color: #f4be4a44; /1* --clh-yellow with opacity *1/ */
    text-decoration: none;
    font-weight: bold;

    /* background: var(--clh-black); */
    /* opacity: 0.4; */
}
.to-menu:hover {
    transform: scale(2.0);
    opacity: 1;
}
.to-menu a .fas {
    display: inline !important;
    height: 0.85em;
    font-size: 0.8em;
    vertical-align: 1px;
    /* position: relative; */
    /* top: -1px; */
    margin-right: 2.5px;
}
.to-menu.hidden {
    opacity: 0;
}
.to-menu.hidden {
    opacity: 0;
    transform: scale(0);
}