* { margin:0; padding:0; }
html, body { width:100%; height:100%; }

body{
    background-color: grey;
}

canvas{
    display: block;

    aspect-ratio: 1920 / 1080;
    /* Make sure we aren't too big. */
    width: min(100vw, calc(100vh * 1920 / 1080));
    height: min(100vh, calc(100vw * 1080 / 1920));
    
    margin: 0px;

    background-color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.keepTheCanvasInLine{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#rightClickMenu{
    display: flex;
    flex-direction: column;

    position: absolute;
    left: -10000px;
    top:  -10000px;

    background-color: white;
    border: 1px solid black;

    padding: 5px;
}

.hidden{
    display: none;
}

.noSelect{
    user-select: none;
}

.flexLineBreak{
    height: 10px;
}