.downloadbtn { animation: colorchange 13s infinite; animation-direction: alternate-reverse; } a:link { color: #A0FF9A; } a:visited { color: #A7FF56; } a:hover { color: #DCFFA5 !important; } .checkbox:hover, .radio:hover { color: lightgray !important; } .gradientBG { background: rgb(59,44,207); background: linear-gradient(90deg, rgba(59,44,207,1) 0%, rgba(140,41,151,1) 100%); } /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; transition-duration: 0.3s; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { transform: scale(1.1); } .fadein { animation: fadein 2s; } .fadeout { animation: fadeout 2s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes colorchange { 0% { background-color: #ff2400; color: white; } 10% { background-color: #e81d1d; } 20% { background-color: #e8b71d; color: black; } 30% { background-color: #e3e81d; } 40% { background-color: #1de840; color: white; } 50% { background-color: #1ddde8; color: black; } 60% { background-color: #2b1de8; color: white; } 70% { background-color: #dd00f3; } 80% { background-color: #dd00f3; } 90% { background-color: #ff2400; } 100% { background-color: #ff2400; } }