Files
shinkei-film-grain/index.css
metacryst f76aac2149 init
2026-04-05 03:11:57 -05:00

1117 lines
37 KiB
CSS

section.bg-black.text-white.selection:bg-white.overflow-hidden.flex.items-stretch.justify-stretch {
align-items: stretch;
background-color: rgb(254, 98, 12);
block-size: 787px;
bottom: 0px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
display: flex;
font-family: degular, "degular Fallback", mono;
height: 787px;
inset-block-end: 0px;
inset-block-start: 0px;
inset-inline-end: 0px;
inset-inline-start: 0px;
justify-content: stretch;
left: 0px;
min-block-size: 787px;
min-height: 787px;
outline-color: rgb(255, 255, 255);
perspective-origin: 517.5px 393.5px;
position: relative;
right: 0px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
top: 0px;
transform-origin: 517.5px 393.5px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.absolute.inset-0.w-full.h-full.z-0 {
block-size: 787px;
bottom: 0px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
font-family: degular, "degular Fallback", mono;
height: 787px;
inset-block-end: 0px;
inset-block-start: 0px;
inset-inline-end: 0px;
inset-inline-start: 0px;
left: 0px;
outline-color: rgb(255, 255, 255);
perspective-origin: 517.5px 393.5px;
position: absolute;
right: 0px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
top: 0px;
transform-origin: 517.5px 393.5px;
z-index: 0;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.relative.z-0.w-screen.h-screen {
block-size: 787px;
bottom: 0px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
font-family: degular, "degular Fallback", mono;
height: 787px;
inset-block-end: 0px;
inset-block-start: 0px;
inset-inline-end: 0px;
inset-inline-start: 0px;
left: 0px;
outline-color: rgb(255, 255, 255);
perspective-origin: 517.5px 393.5px;
position: relative;
right: 0px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
top: 0px;
transform-origin: 517.5px 393.5px;
z-index: 0;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.h-full.w-full.flex.overflow-hidden {
background-color: rgb(255, 255, 255);
block-size: 787px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
display: flex;
font-family: degular, "degular Fallback", mono;
height: 787px;
width: 100vw;
outline-color: rgb(255, 255, 255);
perspective-origin: 517.5px 393.5px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform-origin: 517.5px 393.5px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.flex.w-full.items-center.justify-center {
align-items: center;
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
display: flex;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
justify-content: center;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 517.5px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(0.887163, 0.887163, -0.707107, 0.707107, 0, -314.8);
transform-origin: 517.5px 708.297px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 14.8429%, rgb(255, 74, 9) 19.7905%, rgb(254, 111, 18) 43.8559%, rgb(255, 74, 9) 66.743%, rgb(252, 147, 26) 76.743%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 20.4079%, rgb(255, 74, 9) 27.2106%, rgb(254, 111, 18) 44.6797%, rgb(255, 74, 9) 62.1488%, rgb(252, 147, 26) 72.967%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 26.792%, rgb(255, 74, 9) 35.7226%, rgb(254, 111, 18) 46.3434%, rgb(255, 74, 9) 56.9642%, rgb(252, 147, 26) 70.6339%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.3698%, rgb(255, 74, 9) 43.1597%, rgb(254, 111, 18) 48.5844%, rgb(255, 74, 9) 54.0091%, rgb(252, 147, 26) 69.3041%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 34.3007%, rgb(255, 74, 9) 45.7342%, rgb(254, 111, 18) 51.0489%, rgb(255, 74, 9) 56.3636%, rgb(252, 147, 26) 70.3636%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.1147%, rgb(255, 74, 9) 42.8197%, rgb(254, 111, 18) 53.3478%, rgb(255, 74, 9) 63.8101%, rgb(252, 147, 26) 73.8101%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.2823%, rgb(255, 74, 9) 37.7097%, rgb(254, 111, 18) 55.1182%, rgb(255, 74, 9) 70.0818%, rgb(252, 147, 26) 80.0818%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 24.0256%, rgb(255, 74, 9) 32.0341%, rgb(254, 111, 18) 56.0805%, rgb(255, 74, 9) 75.592%, rgb(252, 147, 26) 85.592%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 24.0268%, rgb(255, 74, 9) 32.0357%, rgb(254, 111, 18) 56.0828%, rgb(255, 74, 9) 75.5942%, rgb(252, 147, 26) 85.5942%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.2858%, rgb(255, 74, 9) 37.7143%, rgb(254, 111, 18) 55.1248%, rgb(255, 74, 9) 70.0881%, rgb(252, 147, 26) 80.0881%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.1199%, rgb(255, 74, 9) 42.8266%, rgb(254, 111, 18) 53.3577%, rgb(255, 74, 9) 63.8194%, rgb(252, 147, 26) 73.8194%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 34.3068%, rgb(255, 74, 9) 45.7423%, rgb(254, 111, 18) 51.0605%, rgb(255, 74, 9) 56.3786%, rgb(252, 147, 26) 70.3704%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.381%, rgb(255, 74, 9) 43.1746%, rgb(254, 111, 18) 48.5959%, rgb(255, 74, 9) 54.0171%, rgb(252, 147, 26) 69.3077%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 26.8012%, rgb(255, 74, 9) 35.735%, rgb(254, 111, 18) 46.3529%, rgb(255, 74, 9) 56.9708%, rgb(252, 147, 26) 70.6369%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 20.4138%, rgb(255, 74, 9) 27.2184%, rgb(254, 111, 18) 44.6857%, rgb(255, 74, 9) 62.153%, rgb(252, 147, 26) 72.9689%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 14.8445%, rgb(255, 74, 9) 19.7926%, rgb(254, 111, 18) 43.8576%, rgb(255, 74, 9) 66.7438%, rgb(252, 147, 26) 76.7438%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 14.9825%, rgb(255, 74, 9) 19.9767%, rgb(254, 111, 18) 43.9992%, rgb(255, 74, 9) 66.8157%, rgb(252, 147, 26) 76.8157%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.rectangle {
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 20.8062%, rgb(255, 74, 9) 27.7416%, rgb(254, 111, 18) 45.0882%, rgb(255, 74, 9) 62.4347%, rgb(252, 147, 26) 73.0956%, rgb(255, 255, 255) 100%);
block-size: 1416.59px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 1416.59px;
inline-size: 57.5px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 28.75px 708.297px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform: matrix(1.1, 0, 0, 1, 0, 0);
transform-origin: 28.75px 708.297px;
width: 57.5px;
will-change: background;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.film-grain.overflow-hidden {
block-size: 787px;
bottom: 0px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
font-family: degular, "degular Fallback", mono;
height: 787px;
width: 100vw;
inset-block-end: 0px;
inset-block-start: 0px;
inset-inline-end: 0px;
inset-inline-start: 0px;
left: 0px;
max-block-size: 100%;
max-height: 100%;
max-inline-size: 100%;
max-width: 100%;
mix-blend-mode: overlay;
outline-color: rgb(255, 255, 255);
overflow-block: hidden;
overflow-inline: hidden;
overflow-x: hidden;
overflow-y: hidden;
perspective-origin: 517.5px 393.5px;
pointer-events: none;
position: absolute;
right: 0px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
top: 0px;
transform-origin: 517.5px 393.5px;
z-index: 1;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
--grain-opacity: 0.35;
--grain-speed: 1s;
}
.film-grain::before {
content: "";
display: block;
opacity: var(--grain-opacity,.25);
background-image: url(/noise.png);
width: calc(200% + 20rem);
height: calc(200% + 20rem);
transition: opacity .5s;
animation: grain-noise 1s steps(2) infinite;
top: 0;
left: 0;
-webkit-animation: grain-noise 1s steps(2) infinite;
}
@keyframes grain-noise {
0% {
transform: translateY(2rem);
}
10% {
transform: translate(-1rem, -2rem);
}
20% {
transform: translate(-4rem, 1rem);
}
30% {
transform: translate(4.5rem, -4.5rem);
}
40% {
transform: translate(-1rem, 3.5rem);
}
50% {
transform: translate(-4.5rem, -2rem);
}
60% {
transform: translate(1rem, 3rem);
}
70% {
transform: translate(3.5rem, -4rem);
}
80% {
transform: translate(-4.5rem, .5rem);
}
90% {
transform: translate(3rem, -2.5rem);
}
100% {
transform: translate(-3.5rem);
}
}
div.pt-20.md:pt-28.pb-20.md:pb-28.h-full.mx-auto.w-full.max-w-.px-.min-h-full.flex.flex-col.isolate.relative.z-.justify-center.items-center.h-auto.pointer-events-none {
align-items: center;
block-size: 787px;
bottom: 0px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
font-family: degular, "degular Fallback", mono;
height: 787px;
inset-block-end: 0px;
transform: rotate(45deg);
inset-block-start: 0px;
inset-inline-end: 0px;
inset-inline-start: 0px;
isolation: isolate;
justify-content: center;
left: 0px;
max-inline-size: 1440px;
max-width: 1440px;
min-block-size: 100%;
min-height: 100%;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
padding-block-end: 112px;
padding-block-start: 112px;
padding-bottom: 112px;
padding-inline-end: 28px;
padding-inline-start: 28px;
padding-left: 28px;
padding-right: 28px;
padding-top: 112px;
perspective-origin: 517.5px 393.5px;
pointer-events: none;
position: relative;
right: 0px;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
top: 0px;
transform-origin: 517.5px 393.5px;
z-index: 2;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.h-full.w-full.flex.flex-col.items-center.text-center.gap-y-6.md:gap-y-12.max-md:justify-center {
align-items: center;
block-size: 563px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
font-family: degular, "degular Fallback", mono;
height: 563px;
inline-size: 979px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 489.5px 281.5px;
pointer-events: none;
row-gap: 48px;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform-origin: 489.5px 281.5px;
width: 979px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.md:flex-1 {
block-size: 198.297px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 198.297px;
inline-size: 0px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 0px 99.1484px;
pointer-events: none;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform-origin: 0px 99.1484px;
width: 0px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div {
block-size: 70.3984px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
filter: blur(0px);
font-family: degular, "degular Fallback", mono;
height: 70.3984px;
inline-size: 934.148px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 467.07px 35.1953px;
pointer-events: none;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform-origin: 467.074px 35.1992px;
width: 934.148px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
h2.text-[32px].lg:text-[64px].text-balance.font-serif.leading-[1.1].tracking-[-0.01em] {
block-size: 70.3984px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
font-family: kalice, "kalice Fallback", serif;
font-size: 64px;
height: 70.3984px;
inline-size: 934.148px;
letter-spacing: -0.64px;
line-height: 70.4px;
outline-color: rgb(255, 255, 255);
perspective-origin: 467.07px 35.1953px;
pointer-events: none;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
text-wrap-style: balance;
transform-origin: 467.074px 35.1992px;
width: 934.148px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
span.block {
block-size: 70.3984px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
display: block;
font-family: kalice, "kalice Fallback", serif;
font-size: 64px;
height: 70.3984px;
inline-size: 934.148px;
letter-spacing: -0.64px;
line-height: 70.4px;
outline-color: rgb(255, 255, 255);
perspective-origin: 467.07px 35.1953px;
pointer-events: none;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
text-wrap-style: balance;
transform-origin: 467.074px 35.1992px;
width: 934.148px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.md:flex-1 {
block-size: 198.305px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
filter: blur(0px);
flex-basis: 0%;
flex-grow: 1;
font-family: degular, "degular Fallback", mono;
height: 198.305px;
inline-size: 450px;
min-block-size: auto;
min-height: auto;
min-inline-size: auto;
min-width: auto;
outline-color: rgb(255, 255, 255);
perspective-origin: 225px 99.1484px;
pointer-events: none;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
transform-origin: 225px 99.1523px;
width: 450px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
div.text-[18px].lg:text-[20px].leading-[1.1].tracking-[-0.01em].text-balance.max-w-[450px].max-md:px-2 {
block-size: 66px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
font-family: degular, "degular Fallback", mono;
font-size: 20px;
height: 66px;
inline-size: 450px;
letter-spacing: -0.2px;
line-height: 22px;
max-inline-size: 450px;
max-width: 450px;
outline-color: rgb(255, 255, 255);
perspective-origin: 225px 33px;
pointer-events: none;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
text-wrap-style: balance;
transform-origin: 225px 33px;
width: 450px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}
p.mb-2.last:mb-0 {
block-size: 66px;
caret-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
column-rule-color: rgb(255, 255, 255);
font-family: degular, "degular Fallback", mono;
font-size: 20px;
height: 66px;
inline-size: 450px;
letter-spacing: -0.2px;
line-height: 22px;
outline-color: rgb(255, 255, 255);
perspective-origin: 225px 33px;
pointer-events: none;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-emphasis-color: rgb(255, 255, 255);
text-wrap-style: balance;
transform-origin: 225px 33px;
width: 450px;
-webkit-text-fill-color: rgb(255, 255, 255);
-webkit-text-stroke-color: rgb(255, 255, 255);
--font-degular-mono: "degularMono","degularMono Fallback",mono;
--font-degular: "degular","degular Fallback",mono;
--tw-text-opacity: 1;
--bg: rgba(0 0 0/1);
--font-kalice: "kalice","kalice Fallback",serif;
}