body{
    background-color: #ffffff;
}
.divOutput {
    font-size: 16px;
}
.redtext {
    color: #F00;
}

.year1text {
    color: red;
    font-weight: bold;
}

.year2text {
    color: orange;
    font-weight: bold;
}

.year3text {
    color: #BCE65C;
    font-weight: bold;
}

.year4text {
    color: green;
    font-weight: bold;
}

.year5text {
    color: blue;
    font-weight: bold;
}

.year6text {
    color: brown;
    font-weight: bold;
}

textarea.height-5 {
    height: calc( 1.3em * 5 );
    line-height: 1.2;
    width: 512px;
}

textarea.height-10 {
    height: calc( 1.3em * 10 );
    line-height: 1.2;
    width: 512px;
}

.btn-gradient-radius {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}