|
|
|
@ -21,6 +21,8 @@ body{
@@ -21,6 +21,8 @@ body{
|
|
|
|
|
padding: 5px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
border: 1px solid; |
|
|
|
|
animation: colorchange 3s; |
|
|
|
|
-webkit-animation: colorchange 3s; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#input-area, #dlarea { |
|
|
|
@ -38,3 +40,13 @@ body{
@@ -38,3 +40,13 @@ body{
|
|
|
|
|
#dlarea{ |
|
|
|
|
background: #4caf50; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@keyframes colorchange{ |
|
|
|
|
50% {background: #c33d3d;} |
|
|
|
|
100% {background: transparent;} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@-webkit-keyframes colorchange{ |
|
|
|
|
50% {background: #c33d3d;} |
|
|
|
|
100% {background: transparent;} |
|
|
|
|
} |
|
|
|
|