@import '/css/main.css'; /* Basic site styles */
@import '/css/polehawk-app/app-header/app-header.css';
@import '/css/polehawk-app/app-menu/app-menu.css';
@import '/css/polehawk-app/map-tools/map-tools.css';
@import '/css/polehawk-app/map-controls/map-controls.css';

/*
    Define the basic layout of the APP page here.
    See additional CSS files for specific components
 */


#app {
    position: fixed;
    inset: 0;
    font-size:18px;
    color:var(--color_white);
    user-select:none;
}



#globe{
    position: absolute;
    background: var(--color_grey_1);
    inset: 0;
    display:grid;
    place-items:center;
}
/* Temporary */
#globe img{
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}