html {
font-size: 62.5%;
}
body {
font-size: 1.5em;
line-height: 1.6;
font-weight: 400;
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: rgb(50, 50, 50);
background-color: #21222c;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
font-weight: 300;
}
h1 {
font-size: 4.5rem;
line-height: 1.2;
letter-spacing: -.1rem;
margin-bottom: 2rem;
}
h2 {
font-size: 3.6rem;
line-height: 1.25;
letter-spacing: -.1rem;
margin-bottom: 1.8rem;
margin-top: 1.8rem;
}
h3 {
font-size: 3.0rem;
line-height: 1.3;
letter-spacing: -.1rem;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
h4 {
font-size: 2.6rem;
line-height: 1.35;
letter-spacing: -.08rem;
margin-bottom: 1.2rem;
margin-top: 1.2rem;
}
h5 {
font-size: 2.2rem;
line-height: 1.5;
letter-spacing: -.05rem;
margin-bottom: 0.6rem;
margin-top: 0.6rem;
}
h6 {
font-size: 2.0rem;
line-height: 1.6;
letter-spacing: 0;
margin-bottom: 0.75rem;
margin-top: 0.75rem;
}
p {
margin-top: 0;
}
#stock-symbol {
color: #aaaaaa !important;
}
.column {
width: 100%;
float: left;
box-sizing: border-box;
margin-left: 4%;
}
.column:first-child {
margin-left: 0;
}
.one-half.column {
width: 48%;
}
.Select--single > .Select-control {
background-color: #282a36;
border: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.Select--single > .Select-control .Select-value .Select-value-label {
color: #aaaaaa !important;
}
.Select-menu-outer {
color: #282a36;
}
.app__container {
margin: 3% 5%;
}
.app__header {
display: flex;
justify-content: space-between;
color: #fff;
margin-bottom: 4rem;
}
.app__header__title {
letter-spacing: 0.23rem;
}
.app__selector {
width: 48%;
}
.app__selector p {
color: #fafafa;
}
.app__content {
display: flex;
margin-top: 20px;
}
.graph__title {
background-color: #282a36;
color: #fff !important;
letter-spacing: 0.3rem !important;
padding: 25px 25px 0px 25px;
margin-bottom: 0px !important;
font-size: 1em;
}