@font-face { font-family: "Roboto"; src: url("assets/font/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: "Roboto Condensed"; src: url("assets/font/Roboto_Condensed-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: "Roboto Condensed"; src: url("assets/font/Roboto_Condensed-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "Roboto"; src: url("assets/font/Roboto-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } body { font-family: "Roboto", "Roboto Condensed", sans-serif; font-weight: normal; font-style: normal; color: black; } .line-chart { width: 100%; height: 100%; } .line-chart-svg { width: 100%; height: 100%; display: block; }