You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
820 B
42 lines
820 B
:root {
|
|
font-family: "Helvetica", 'Courier New', Courier, monospace;
|
|
}
|
|
|
|
html {
|
|
--s: 257px;
|
|
--c1: #38476b;
|
|
--c2: #bda3b6;
|
|
|
|
--_c: var(--c1) calc(100% - var(--s)/2) 99%, #0000;
|
|
--_g: var(--s), #0000 calc(99% - var(--s)/2), var(--_c);
|
|
background:
|
|
radial-gradient(var(--s) at 100% var(--_g)),
|
|
radial-gradient(calc(var(--s)/4) at 50% calc(100%/3), var(--_c)) var(--s) 0,
|
|
radial-gradient(var(--s) at 0% var(--_g)) 0 calc(3*var(--s)) var(--c2);
|
|
background-size:
|
|
calc(2*var(--s)) calc(9*var(--s)/4),
|
|
calc(2*var(--s)) calc(3*var(--s)/4);
|
|
|
|
&.nightmare {
|
|
--c1: #990000;
|
|
--c2: #101010;
|
|
}
|
|
}
|
|
|
|
#wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
margin: 2em auto;
|
|
width: 70%;
|
|
|
|
>h1 {
|
|
color: white;
|
|
font-size: 3em;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
padding: 0;
|
|
} |