/*
    Custom variables
 */
:root {
    --excel-green-color: #087F41;
    --excel-green-light: #2FC582;
    --excel-green-medium: #1BA466;
    --excel-green-dark: #115C34;
    --excel-green-darkest: #0A4023;

    --top-right-blur-1: #20C6B7;
    --top-right-blur-2: #4D9ABF;
    --bottom-left-blur-1: #de3641;
    --bottom-left-blur-2: #e46b73;

    /* min-width */
    --table-size: 550px;
    --desktop-size: 1100px;
}

html {
    /*width: 100%;*/
}

#app {
    font-size: 2rem;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
    box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
    margin: 0;
}

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}