.title-area{
	background:#FFD800;
	background: linear-gradient(45deg, #C6E41B, #9AD347, #74C46D);
	background-size: 300% 100%;
	animation-name: background-color;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction:reverse;
}
@keyframes background-color {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

.section {
  text-align: left;
  line-height: 1.8;
  padding: 5em 0;
  margin: auto;
  color: #333;
}

h2 {
  font-size: 1.2em;
  margin-top: 2em;
  color: #222;
}

ul {
  padding-left: 1.5em;
}

.section a {
  text-decoration: underline;
}

@media screen and (max-width:768px){
  .section{
    width:95%;
    margin: 0 auto;
  }
}