index.sass

@font-face
	font-family: Open Sans
	src: url("Open Sans/Regular.ttf")

@font-face
	font-family: Open Sans
	font-weight: 300
	src: url("Open Sans/Light.ttf")

@font-face
	font-family: Open Sans
	font-weight: 600
	src: url("Open Sans/SemiBold.ttf")

@import "../node_modules/@blueprintjs/core/lib/css/blueprint.css"
@import "../node_modules/normalize.css/normalize.css"
@import "Header"
@import "Stock"
@import "Introduction"

html, body, #root
	height: 100%

#root
	display: flex
	font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif
	user-select: none

#shadow
	bottom: 0
	box-shadow: inset 0 3px 5px -3px rgba(0, 0, 0, 0.7)
	left: 0
	pointer-events: none
	position: absolute
	right: 0
	top: 0
	z-index: 10

#sidebar
	border-radius: 0
	flex: auto 0
	max-width: 400px
	min-width: 350px
	overflow: auto
	width: 25%
	z-index: 1

#portfolio > h3
	align-items: center
	display: flex
	justify-content: space-between

#portfolio > *
	margin-top: 20px

#main-view
	display: flex
	flex-direction: column
	flex: 1 0

#graph-wrapper
	align-items: center
	display: flex
	margin: auto
	overflow: hidden
	width: 80%