48 lines
No EOL
1.1 KiB
CSS
48 lines
No EOL
1.1 KiB
CSS
:root {
|
|
--bg: black
|
|
}
|
|
html {
|
|
background-color: var(--bg);
|
|
background-image: linear-gradient(transparent, var(--bg) 70%), url("https://i.redd.it/a8wis0519ol61.gif");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
}
|
|
html::before,html::after {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
background-attachment: fixed;
|
|
background-size: contain;
|
|
image-rendering: pixelated;
|
|
mask-image: url("/assets/img/halftone.svg");
|
|
mask-repeat: repeat-y;
|
|
mask-size: 2rem;
|
|
background-repeat: no-repeat;
|
|
top: 0;
|
|
overflow: hidden;
|
|
}
|
|
html::after {
|
|
background-image: linear-gradient(-90deg, var(--bg) 90%, transparent), url("/assets/img/sheet1.png");
|
|
transform: rotate(180deg);
|
|
}
|
|
html::before {
|
|
background-image: linear-gradient(-90deg, var(--bg) 90%, transparent), url("/assets/img/sheet2.png");
|
|
}
|
|
header {
|
|
display: flex;
|
|
margin: 0 auto;
|
|
justify-content: center;
|
|
}
|
|
@font-face {
|
|
font-family: "Silkscreen";
|
|
src: url("/assets/img/slkscr.ttf");
|
|
}
|
|
header h1 {
|
|
color: white;
|
|
font-family: "Silkscreen"
|
|
} |