@font-face {
    font-family: 'pixeled';
    /*a name to be used later*/
    src: url('../assets/pixeled.ttf');
    /*URL to font*/
}

html,
body {
    /*width: 800px;
	height: 600px;*/
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#renderCanvas {
    width: 100%;
    height: 100%;
}

.mobile_controls {
    position: fixed;
    background: rgba(255, 255, 255, 0.3);
    z-index: 25;
    top: 200px;
    color: white;
    height: 150px;
    width: 150px;
    font-size: 90px;
    line-height: 150px;
    text-align: center;
    border: 1px solid black;
    user-select: none;
}

.mobile_controls:active {
    background: rgba(255, 255, 255, 0.6);
}

#left {
    left: 0px;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
}

#right {
    right: 0px;
    border-top-left-radius: 75px;
    border-bottom-left-radius: 75px;
}

audio {
    visibility: hidden;
}