html[data-theme='red']{--color-text:hsl(357,100%,25%);--color-block:hsl(26,71%,91%);--color-back:hsl(24,51%,83%);--color-text-light:hsl(357,100%,30%);--color-block-light:hsl(26,71%,93%)}html[data-theme='gray']{--color-text:hsl(201,43%,22%);--color-block:hsl(195,34%,91%);--color-back:hsl(0,2%,83%);--color-text-light:hsl(201,43%,32%);--color-block-light:hsl(195,34%,95%)}html[data-theme='mix']{--color-text:hsl(198,17%,20%);--color-block:hsl(4,100%,91%);--color-back:hsl(27,98%,83%);--color-text-light:hsl(198,17%,30%);--color-block-light:hsl(4,100%,93%)}html,a{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.theme-toggle{width:98px;height:98px;float:right;vertical-align:top;margin-left:1rem;margin-right:1rem;cursor:pointer;border:0 solid transparent;border-radius:50%;box-shadow:0 0 .3rem rgba(99,99,0,.8)}.theme-toggle:hover{animation:rotation .01s infinite linear}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}