@font-face {
    font-family: 'Audiowide-Reg';
    src: url("../ttf/audiowide-regular.ttf");
}

#canvas {
    width: 100%;
    z-index: 0;
}
#ui, #plainfo {
    z-index: 1;
    position: absolute;
    display: block;
    margin: 1em;
    opacity: 0.5;
    width: 50%;
    max-height: 100%;
    color: yellow;
    font-family: Arial, Helvetica, sans-serif;
}
#fire {
    padding: 2em;
    background-color: #000000;
    color: red;
    border-radius: 0.5em;
    display: block;
}
#ui:hover, #plainfo:hover {
    opacity: 1;
}
#angle {
    margin-top: 1em;
    max-width: 90%;
}
#fire:hover {
    opacity: 1;
}
#angle:hover {
    opacity: 1;
}