70 lines
1.3 KiB
CSS
70 lines
1.3 KiB
CSS
@font-face {
|
|
font-family: Down-Regular;
|
|
src: url(/fonts/down_regular.otf);
|
|
}
|
|
|
|
body {
|
|
background: #F6CEFC;
|
|
background-image: url('/img/rainbow.gif');
|
|
font-family: Down-Regular, monospace;
|
|
text-align: center;
|
|
}
|
|
|
|
a:link, a:visited, a:hover, a:active {
|
|
color: #000000;
|
|
}
|
|
|
|
.rainbow {
|
|
-webkit-animation: rainbow 5s infinite;
|
|
-ms-animation: rainbow 5s infinite;
|
|
animation: rainbow 5s infinite;
|
|
}
|
|
|
|
@-webkit-keyframes rainbow{
|
|
0%{color: orange;}
|
|
10%{color: purple;}
|
|
20%{color: red;}
|
|
30%{color: CadetBlue;}
|
|
40%{color: yellow;}
|
|
50%{color: coral;}
|
|
60%{color: green;}
|
|
70%{color: cyan;}
|
|
80%{color: DeepPink;}
|
|
90%{color: DodgerBlue;}
|
|
100%{color: orange;}
|
|
}
|
|
|
|
@-ms-keyframes rainbow{
|
|
0%{color: orange;}
|
|
10%{color: purple;}
|
|
20%{color: red;}
|
|
30%{color: CadetBlue;}
|
|
40%{color: yellow;}
|
|
50%{color: coral;}
|
|
60%{color: green;}
|
|
70%{color: cyan;}
|
|
80%{color: DeepPink;}
|
|
90%{color: DodgerBlue;}
|
|
100%{color: orange;}
|
|
}
|
|
|
|
@keyframes rainbow{
|
|
0%{color: orange;}
|
|
10%{color: purple;}
|
|
20%{color: red;}
|
|
30%{color: CadetBlue;}
|
|
40%{color: yellow;}
|
|
50%{color: coral;}
|
|
60%{color: green;}
|
|
70%{color: cyan;}
|
|
80%{color: DeepPink;}
|
|
90%{color: DodgerBlue;}
|
|
100%{color: orange;}
|
|
}
|
|
|
|
video {
|
|
object-fit: contain;
|
|
top: 0;
|
|
left: 0;
|
|
}
|