body{transition:background-color .3s ease}.rainbow{-webkit-animation:rainbow 3s infinite;-ms-animation:rainbow 3s infinite;-o-animation:rainbow 3s infinite;animation:rainbow 3s infinite}@-webkit-keyframes rainbow{0%{color:red}10%{color:#ff8000}20%{color:#ff0}30%{color:#80ff00}40%{color:#0f0}50%{color:#00ff80}60%{color:#0ff}70%{color:#0080ff}80%{color:#00f}90%{color:#8000ff}to{color:#ff0080}}@-ms-keyframes rainbow{0%{color:red}10%{color:#ff8000}20%{color:#ff0}30%{color:#80ff00}40%{color:#0f0}50%{color:#00ff80}60%{color:#0ff}70%{color:#0080ff}80%{color:#00f}90%{color:#8000ff}to{color:#ff0080}}@-o-keyframes rainbow{0%{color:red}10%{color:#ff8000}20%{color:#ff0}30%{color:#80ff00}40%{color:#0f0}50%{color:#00ff80}60%{color:#0ff}70%{color:#0080ff}80%{color:#00f}90%{color:#8000ff}to{color:#ff0080}}@keyframes rainbow{0%{color:red}10%{color:#ff8000}20%{color:#ff0}30%{color:#80ff00}40%{color:#0f0}50%{color:#00ff80}60%{color:#0ff}70%{color:#0080ff}80%{color:#00f}90%{color:#8000ff}to{color:#ff0080}}.rainbow_bg{-webkit-animation:rainbow_bg 3s infinite;-ms-animation:rainbow_bg 3s infinite;-o-animation:rainbow_bg 3s infinite;animation:rainbow_bg 3s infinite}@-webkit-keyframes rainbow_bg{0%{background-color:#0ff}10%{background-color:#0080ff}20%{background-color:#00f}30%{background-color:#8000ff}40%{background-color:#ff0080}50%{background-color:red}60%{background-color:#ff8000}70%{background-color:#ff0}80%{background-color:#80ff00}90%{background-color:#0f0}to{background-color:#00ff80}}@-ms-keyframes rainbow_bg{0%{background-color:#0ff}10%{background-color:#0080ff}20%{background-color:#00f}30%{background-color:#8000ff}40%{background-color:#ff0080}50%{background-color:red}60%{background-color:#ff8000}70%{background-color:#ff0}80%{background-color:#80ff00}90%{background-color:#0f0}to{background-color:#00ff80}}@-o-keyframes rainbow_bg{0%{background-color:#0ff}10%{background-color:#0080ff}20%{background-color:#00f}30%{background-color:#8000ff}40%{background-color:#ff0080}50%{background-color:red}60%{background-color:#ff8000}70%{background-color:#ff0}80%{background-color:#80ff00}90%{background-color:#0f0}to{background-color:#00ff80}}@keyframes rainbow_bg{0%{background-color:#0ff}10%{background-color:#0080ff}20%{background-color:#00f}30%{background-color:#8000ff}40%{background-color:#ff0080}50%{background-color:red}60%{background-color:#ff8000}70%{background-color:#ff0}80%{background-color:#80ff00}90%{background-color:#0f0}to{background-color:#00ff80}}