div {
    box-sizing: border-box;
}

#radar {
    transform: scale( 2 );

    width: 550px;
    height: 210px;

    padding: 0;

    /* Temp border and pos  
    border: 1px solid black;*/

    position: absolute;
    margin: auto;
    
	top: 0;
	bottom: 0;
	left: 0;
    right: 0;
    
    background-color: rgb(30, 33, 38);

    display: grid;
    grid-template-columns: 50px repeat( 6, auto );
}
    #radar > div {
        border: 1px solid orange;
        margin: 0;
    }

    #radar .modes {
        display: grid;
        grid-template-rows: 50% 50%;
    }
        #radar .modes div {
            display: grid;
            grid-template-rows: repeat( 3, auto );

            margin: 15px 0;

            border: 1px dotted red;
        }

        #radar .modes .mode_text {
            width: 100%;

            font-family: Verdana;
            font-size: 12px;

            text-align: center;

            margin: auto;
            
            color: white;
        }

    #radar .speeds {

    }

    #radar .dirs {

    }

    #radar .fast_modes {

    }

    #radar .fast_speeds {

    }

    #radar .fast_dirs {

    }

    #radar .patrol {
        
    }