445 lines
6.7 KiB
CSS
445 lines
6.7 KiB
CSS
body {
|
|
font-family: sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
*, :before, :after {
|
|
box-sizing: border-box;
|
|
border-width: 0;
|
|
border-style: solid;
|
|
border-color: #e5e7eb;
|
|
}
|
|
|
|
:before, :after {
|
|
--tw-content: "";
|
|
}
|
|
|
|
html, :host {
|
|
line-height: 1.5;
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-tab-size: 4;
|
|
-o-tab-size: 4;
|
|
tab-size: 4;
|
|
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
|
font-feature-settings: normal;
|
|
font-variation-settings: normal;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
line-height: inherit;
|
|
}
|
|
|
|
hr {
|
|
height: 0;
|
|
color: inherit;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
abbr:where([title]) {
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
b, strong {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
code, kbd, samp, pre {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
|
font-feature-settings: normal;
|
|
font-variation-settings: normal;
|
|
font-size: 1em;
|
|
}
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
sub, sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sub {
|
|
bottom: -.25em;
|
|
}
|
|
|
|
sup {
|
|
top: -.5em;
|
|
}
|
|
|
|
table {
|
|
text-indent: 0;
|
|
border-color: inherit;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
button, input, optgroup, select, textarea {
|
|
font-family: inherit;
|
|
font-feature-settings: inherit;
|
|
font-variation-settings: inherit;
|
|
font-size: 100%;
|
|
font-weight: inherit;
|
|
line-height: inherit;
|
|
color: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
button, select {
|
|
text-transform: none;
|
|
}
|
|
|
|
button, [type="button"], [type="reset"], [type="submit"] {
|
|
-webkit-appearance: button;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
background-image: none;
|
|
}
|
|
|
|
:-moz-focusring {
|
|
outline: auto;
|
|
}
|
|
|
|
:-moz-ui-invalid {
|
|
box-shadow: none;
|
|
}
|
|
|
|
progress {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
|
|
[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button;
|
|
font: inherit;
|
|
}
|
|
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
|
|
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
|
|
margin: 0;
|
|
}
|
|
|
|
fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
legend {
|
|
padding: 0;
|
|
}
|
|
|
|
ol, ul, menu {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
dialog {
|
|
padding: 0;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
|
opacity: 1;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
input::placeholder, textarea::placeholder {
|
|
opacity: 1;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
button, [role="button"] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
:disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
img, svg, video, canvas, audio, iframe, embed, object {
|
|
display: block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
img, video {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
*, :before, :after {
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-gradient-from-position: ;
|
|
--tw-gradient-via-position: ;
|
|
--tw-gradient-to-position: ;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgba(59, 130, 246, .5);
|
|
--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
|
|
::backdrop {
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-gradient-from-position: ;
|
|
--tw-gradient-via-position: ;
|
|
--tw-gradient-to-position: ;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgba(59, 130, 246, .5);
|
|
--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
|
|
.m-auto {
|
|
margin: auto;
|
|
}
|
|
|
|
.box-border {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
|
|
.h-64 {
|
|
height: 16rem;
|
|
}
|
|
|
|
.h-\[8vh\] {
|
|
height: 8vh;
|
|
}
|
|
|
|
.h-full {
|
|
height: 100%;
|
|
}
|
|
|
|
.h-screen {
|
|
height: 100vh;
|
|
}
|
|
|
|
.max-h-\[70vh\] {
|
|
max-height: 70vh;
|
|
}
|
|
|
|
.min-h-\[40vh\] {
|
|
min-height: 40vh;
|
|
}
|
|
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
|
|
.w-screen {
|
|
width: 100vw;
|
|
}
|
|
|
|
.min-w-\[50vw\] {
|
|
min-width: 50vw;
|
|
}
|
|
|
|
.max-w-\[100vw\] {
|
|
max-width: 100vw;
|
|
}
|
|
|
|
.max-w-\[1300px\] {
|
|
max-width: 1300px;
|
|
}
|
|
|
|
.grow {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.flex-col {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.place-content-center {
|
|
place-content: center;
|
|
}
|
|
|
|
.place-content-stretch {
|
|
place-content: stretch;
|
|
}
|
|
|
|
.items-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
|
|
.gap-4 {
|
|
gap: 1rem;
|
|
}
|
|
|
|
.place-self-center {
|
|
place-self: center;
|
|
}
|
|
|
|
.rounded-md {
|
|
border-radius: .375rem;
|
|
}
|
|
|
|
.p-1 {
|
|
padding: .25rem;
|
|
}
|
|
|
|
.p-4 {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.p-8 {
|
|
padding: 2rem;
|
|
}
|
|
|
|
.py-8 {
|
|
padding-top: 2rem;
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.text-4xl {
|
|
font-size: 2.25rem;
|
|
line-height: 2.5rem;
|
|
}
|
|
|
|
.text-5xl {
|
|
font-size: 3rem;
|
|
line-height: 1;
|
|
}
|
|
|
|
.text-lg {
|
|
font-size: 1.125rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
|
|
.hover\:bg-\[\#889E73ff\]:hover {
|
|
background-color: #889e73;
|
|
}
|