@charset "UTF-8";
/* CSS Document */

#result{
  position: relative;
  width: 70%;
  height: 300px;
  margin: 0 auto;
}
#graph{
  position: absolute;
  bottom: 10%;
  right: 0;
  width: 90%;
  height: 90%;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}
#labels{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90%;
  height: 10%;
  padding-top: 6px;
}
#ticks{
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 10%;
  height: 90%;
}
#tick1{
  bottom: 97%;
}
#tick2{
  bottom: 77%;
}
#tick3{
  bottom: 57%;
}
#tick4{
  bottom: 37%;
}
#tick5{
  bottom: 17%;
}
#tick6{
  bottom: -3%;
}
#col1,
#col2,
#label1,
#label2{
  position: absolute;
  left: 10%;
  width: 30%;
  height: 100%;
}
#col1,
#col2{
  bottom: 0;
}

#col2,
#label2{
  left: 50%;
}
.tick{
  position: absolute;
  right: 3%;
  width: 98%;
  text-align: right;
}
.red-back{
  background-color: rgba(196,8,11,1.00);
}
.number{
  display: none;
  position: relative;
  left: 30%;
  width: 40%;
  height: 20px;
  margin-top: -10px;
  background-color: white;
  border: 1px solid black;
  border-radius: 4px;
}