37 lines
414 B
CSS
37 lines
414 B
CSS
|
body {
|
||
|
|
font-size: 3rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.green-to-red,
|
||
|
|
.red-to-blue {
|
||
|
|
filter: hue-rotate(-120deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.red-to-green,
|
||
|
|
.green-to-blue {
|
||
|
|
filter: hue-rotate(120deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
display: grid;
|
||
|
|
place-content: center;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
@supports(-webkit-touch-callout: none) {
|
||
|
|
html {
|
||
|
|
height: -webkit-fill-available;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
min-height: -webkit-fill-available;
|
||
|
|
}
|
||
|
|
}
|