38 lines
737 B
HTML
38 lines
737 B
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>The Acid | Sarimoko</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
background: linear-gradient(225deg, #ffabab, #ffdaab, #ddffab, #abe4ff, #d9abff);
|
||
|
|
background-size: 300% 300%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: table;
|
||
|
|
height: 100vh;
|
||
|
|
margin: 0;
|
||
|
|
position: relative;
|
||
|
|
width: 100vw;
|
||
|
|
-webkit-animation: Rainbow 25s ease infinite;
|
||
|
|
-moz-animation: Rainbow 25s ease infinite;
|
||
|
|
animation: Rainbow 25s ease infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes Rainbow {
|
||
|
|
0% {
|
||
|
|
background-position: 94% 0%; }
|
||
|
|
50% {
|
||
|
|
background-position: 7% 100%; }
|
||
|
|
100% {
|
||
|
|
background-position: 94% 0%; } }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|