.input{width: 150px;
height: 30px;
font-size: 20px;
}
h1{font-family: Jua;
text-align: center;
}
h2{font-family: Kalam;
}
a{font-weight: bold;
font-size: 25px;
}
button{font-style: italic;
width: 80px;
height: 40px;
font-size: 20px;
background-image: linear-gradient(#1de8d7, #4a71c5);
color: #006ec7;
border-radius: 10px;
background-size: 1000% 1000%;
animation: wave 5s ease infinite;
}
@keyframes wave { 
  0%{
  filter: hue-rotate(0deg);
  }
  25%{
  filter: hue-rotate(90deg);
  }
  50%{
  filter: hue-rotate(180deg);
  }
  75%{
  filter: hue-rotate(270deg);
  }
  100%{
  filter: hue-rotate(360deg);
  }
}
html{background: linear-gradient(to right, aquamarine, lightblue);
}
button:hover{background-image: linear-gradient(chartreuse,cyan);
border-radius: 5px;
color: blue;
}
#long1{font-style: italic;
width: 120px;
height: 40px;
font-size: 20px;
}
#long2{font-style: italic;
width: 140px;
height: 40px;
font-size: 20px;
}
#long3{font-style: italic;
width: 190px;
height: 40px;
font-size: 20px;
}
#hidden{font-style: italic;
width: 150px;
height: 40px;
font-size: 20px;
}
li{font-family: Kalam;
font-size: 25px;
color: darkorange;
}