.tick line {
  opacity:0;
}

#chart {
  position:absolute;
  margin-left:40%;
  margin-top:5vh;
  opacity:100%;
  z-index:4;
  width:50%;
  height:80vh;
}
.input {
  font-family: Arial, Helvetica, sans-serif;
  color:red;
}
.text {
  position:absolute;
  font-family: "Courier New", Courier, monospace;
  color:white;
  margin-top:2vh;
  margin-left: 5vh;
  width:30%;
  z-index:3;
}

h1 {
  font-family: "Courier New", Courier, monospace;
  font-size: 45px;
  width:30%;
  letter-spacing: 0.1em;
  font-weight:lighter;
}

p {
  margin-top:5px;
  font-family: "Courier New", Courier, monospace;
  font-size: 18px;
  letter-spacing: 0.1em;
}

/* -------- START: STAR STUFF (Source: https://www.script-tutorials.com/night-sky-with-twinkling-stars/)----------------*/
@keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}
.stars, .twinkling {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
}
.stars {
background:#000 url(/homework/02-06/images/stars.png) repeat top center;
z-index:0;
opacity:1;
}
.twinkling{
background:transparent url(/homework/02-06/images/twinkling.png) repeat top center;
z-index:1;
-moz-animation:move-twink-back 300s linear infinite;
-ms-animation:move-twink-back 300s linear infinite;
-o-animation:move-twink-back 300s linear infinite;
-webkit-animation:move-twink-back 300s linear infinite;
animation:move-twink-back 300s linear infinite;
}