53 lines
770 B
CSS
53 lines
770 B
CSS
body{
|
|
background: #f8f8f8
|
|
}
|
|
|
|
.container{
|
|
text-align: center;
|
|
margin-top: 5vh;
|
|
color: #fff;
|
|
}
|
|
|
|
.footer{
|
|
font-size: 10px;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
}
|
|
|
|
#dlarea a {
|
|
display: block;
|
|
color: #fff;
|
|
padding: 5px;
|
|
text-decoration: none;
|
|
border: 1px solid;
|
|
animation: colorchange 3s;
|
|
-webkit-animation: colorchange 3s;
|
|
}
|
|
|
|
#input-area, #dlarea {
|
|
display: inline-block;
|
|
border-radius: 5px;
|
|
padding: 15px;
|
|
margin: 5px;
|
|
box-shadow: 0px 0px 5px black;
|
|
}
|
|
|
|
#input-area{
|
|
background: cornflowerblue;
|
|
}
|
|
|
|
#dlarea{
|
|
background: #4caf50;
|
|
}
|
|
|
|
@keyframes colorchange{
|
|
50% {background: #c33d3d;}
|
|
100% {background: transparent;}
|
|
}
|
|
|
|
@-webkit-keyframes colorchange{
|
|
50% {background: #c33d3d;}
|
|
100% {background: transparent;}
|
|
}
|