body {
  margin: 0;
  font-size: 144px; }
  @media (min-width: 701px) and (max-width: 900px) {
    body {
      font-size: 108px; } }
  @media (min-width: 531px) and (max-width: 700px) {
    body {
      font-size: 88px; } }
  @media (min-width: 431px) and (max-width: 530px) {
    body {
      font-size: 72px; } }
  @media (min-width: 331px) and (max-width: 430px) {
    body {
      font-size: 56px; } }
  @media (min-width: 191px) and (max-width: 330px) {
    body {
      font-size: 48px; } }
  @media (max-width: 190px) {
    body {
      font-size: 36px; } }

main {
  width: 100vw;
  height: 100vh;
  background: url("./images/tree_bg.jpg") no-repeat bottom left;
  background-size: cover; }
  @media (max-width: 800px) and (max-height: 800px) {
    main {
      background: url("./images/tree_bg-1067.jpg") no-repeat bottom left; } }

#header {
  font-family: Futura;
  font-weight: bold;
  font-size: 1em;
  color: #70FFA4;
  position: absolute;
  top: 0;
  left: 0; }

#graph {
  font-family: Futura;
  font-weight: medium;
  font-size: 0.5em;
  color: #5A5C53;
  position: absolute;
  top: 40%;
  right: 0; }

.graph_line {
  text-align: right; }
  .graph_line a {
    text-decoration: none; }

.graph_link {
  color: #FFB876; }
  .graph_link:hover {
    color: #70FFA4; }

.graph_list {
  display: none;
  list-style: none;
  font-size: 0.7em;
  position: absolute;
  right: 0;
  margin: 0; }
  .graph_list li {
    background: #5A5C53;
    color: #ffffff; }
    .graph_list li:hover {
      color: #70FFA4; }

/*# sourceMappingURL=graph_home.css.map */