|
|
|
@ -22,21 +22,6 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* semantic color variables for this project */
|
|
|
|
/* semantic color variables for this project */
|
|
|
|
:root {
|
|
|
|
|
|
|
|
--color-background: var(--vt-c-white);
|
|
|
|
|
|
|
|
--color-background-soft: var(--vt-c-white-soft);
|
|
|
|
|
|
|
|
--color-background-mute: var(--vt-c-white-mute);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--color-border: var(--vt-c-divider-light-2);
|
|
|
|
|
|
|
|
--color-border-hover: var(--vt-c-divider-light-1);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--color-heading: var(--vt-c-text-light-1);
|
|
|
|
|
|
|
|
--color-text: var(--vt-c-text-light-1);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--section-gap: 160px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
|
|
|
|
:root {
|
|
|
|
:root {
|
|
|
|
--color-background: var(--vt-c-black);
|
|
|
|
--color-background: var(--vt-c-black);
|
|
|
|
--color-background-soft: var(--vt-c-black-soft);
|
|
|
|
--color-background-soft: var(--vt-c-black-soft);
|
|
|
|
@ -48,7 +33,6 @@
|
|
|
|
--color-heading: var(--vt-c-text-dark-1);
|
|
|
|
--color-heading: var(--vt-c-text-dark-1);
|
|
|
|
--color-text: var(--vt-c-text-dark-2);
|
|
|
|
--color-text: var(--vt-c-text-dark-2);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
*,
|
|
|
|
*,
|
|
|
|
*::before,
|
|
|
|
*::before,
|
|
|
|
@ -67,8 +51,17 @@ body {
|
|
|
|
line-height: 1.6;
|
|
|
|
line-height: 1.6;
|
|
|
|
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
|
|
|
|
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
|
|
|
|
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
|
|
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
|
|
font-size: 15px;
|
|
|
|
font-size: 20px;
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
|
|
border-style: solid ;
|
|
|
|
|
|
|
|
border-width: 0.5px;
|
|
|
|
|
|
|
|
border-color: #00ac61;
|
|
|
|
|
|
|
|
background-color: #181818;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
}
|