/******************************************************************
/* External imports
/*****************************************************************/

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Lobster');

/* Style reset */
@import "normalize.css";


/******************************************************************
/* Internal imports
/*****************************************************************/

/* Main UI parts */
@import "main_menu.css";
@import "drawing_display.css";
@import "sidebar.css";
@import "status_bar.css";
@import "tool_menu.css";

@import "misc.css";


/******************************************************************
/* General properties and resets
/*****************************************************************/

/* Dimensions of all elements shall include padding and borders */
* {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    min-width: 920px;
    min-height: 600px;
    margin: 0;
    padding: 0;
    overflow: auto; /* Fix 1-2 pixel UI overflow in some browsers */
}


/******************************************************************
/* Root layout
/*****************************************************************/

#root_layout {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Roboto";
    font-weight: 400;
    color: #F3F5F8;
}

/******************************************************************
/* External imports
/*****************************************************************/

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Lobster');

/* Style reset */
@import "normalize.css";


/******************************************************************
/* Internal imports
/*****************************************************************/

/* Main UI parts */
@import "main_menu.css";
@import "drawing_display.css";
@import "sidebar.css";
@import "status_bar.css";
@import "tool_menu.css";

@import "misc.css";


/******************************************************************
/* General properties and resets
/*****************************************************************/

/* Dimensions of all elements shall include padding and borders */
* {
    box-sizing: border-box;
}

/* Setup the root font size */
html {
    font-size: 16px; /* = 10px */
}

html, body {
    width: 100%;
    height: 100%;
    min-width: 920px;
    min-height: 600px;
    margin: 0;
    padding: 0;
    overflow: auto; /* Fix 1-2 pixel UI overflow in some browsers */
}


/******************************************************************
/* Root layout
/*****************************************************************/

#root_layout {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Roboto";
    font-weight: 400;
    color: #F3F5F8;
}

Set the root font size (to 16px).
Set the root font size (to 16px).
