46 lines
No EOL
852 B
CSS
46 lines
No EOL
852 B
CSS
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
|
|
@import "tailwindcss";
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
font-family: "Space Grotesk", sans-serif;
|
|
}
|
|
|
|
.polka{
|
|
overflow: hidden;
|
|
will-change: transform;
|
|
}
|
|
|
|
.polka::before{
|
|
content: "";
|
|
position: absolute;
|
|
width: 10000%;
|
|
height: 10000%;
|
|
top: -5000%;
|
|
left: -5000%;
|
|
z-index: -1;
|
|
background-image: radial-gradient(#0c0a09 20%, #292524 22%);
|
|
background-size: 80px 80px;
|
|
animation-name: background_keyframes;
|
|
animation-duration: 8s;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: linear;
|
|
transform: rotate(30deg);
|
|
}
|
|
|
|
@keyframes background_keyframes {
|
|
0%{
|
|
background-position: 0px 0px;
|
|
}
|
|
100%{
|
|
background-position: 160px 80px;
|
|
}
|
|
} |