|
@@ -1,27 +1,3 @@
|
|
|
-/* Animations */
|
|
|
-/* Rainbox-Animation */
|
|
|
-@-o-keyframes rainbow {
|
|
|
- 0%{background-position:0% 82%}
|
|
|
- 50%{background-position:100% 19%}
|
|
|
- 100%{background-position:0% 82%}
|
|
|
-}
|
|
|
-@keyframes rainbow {
|
|
|
- 0%{background-position:0% 82%}
|
|
|
- 50%{background-position:100% 19%}
|
|
|
- 100%{background-position:0% 82%}
|
|
|
-}
|
|
|
-
|
|
|
-@-webkit-keyframes rainbow {
|
|
|
- 0%{background-position:0% 82%}
|
|
|
- 50%{background-position:100% 19%}
|
|
|
- 100%{background-position:0% 82%}
|
|
|
-}
|
|
|
-@-moz-keyframes rainbow {
|
|
|
- 0%{background-position:0% 82%}
|
|
|
- 50%{background-position:100% 19%}
|
|
|
- 100%{background-position:0% 82%}
|
|
|
-}
|
|
|
-
|
|
|
/* Variables */
|
|
|
:root {
|
|
|
--background: #111;
|
|
@@ -53,17 +29,6 @@ button {
|
|
|
border-radius: 4px;
|
|
|
font-weight: 500;
|
|
|
box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
|
|
|
- transition: 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-button:hover {
|
|
|
- color: var(--secondary);
|
|
|
- background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
|
|
|
- background-size: 1800% 1800%;
|
|
|
- -webkit-animation: rainbow 18s ease infinite;
|
|
|
- -z-animation: rainbow 18s ease infinite;
|
|
|
- -o-animation: rainbow 18s ease infinite;
|
|
|
- animation: rainbow 18s ease infinite;
|
|
|
}
|
|
|
|
|
|
#advancedToggle {
|