Files
revoltvpnweb/assets/css/base.css
T
esefandClaude Opus 5 9abf266444 ReVoltVPN website
The landing page for ReVoltVPN, live at userevolt.app.

Vanilla HTML, CSS and JavaScript: no framework, no build step, no
dependencies. Every claim on the page is checked against the app it
describes, which is the reason this is public.

GPL-3.0, same as the app.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-10-18 15:00:56 +03:00

63 lines
1.8 KiB
CSS

/* ═══════════════════════════════════════════════════════════════════════════
base.css — Reset, variables, typography
═══════════════════════════════════════════════════════════════════════════ */
:root {
--color-accent: #FFD600;
--color-accent-dim: rgba(255, 214, 0, 0.12);
--color-bg-deep: #0D1117;
--color-text: #FFFFFF;
--color-text-dim: rgba(255, 255, 255, 0.54);
--color-text-muted: #A0AEC0;
--color-glass-bg: rgba(255, 255, 255, 0.08);
--color-glass-border: rgba(255, 255, 255, 0.12);
--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, monospace;
--space-xs: 0.25rem;
--space-sm: 0.5rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2rem;
--space-2xl: 3rem;
--radius-card: 16px;
--radius-btn: 12px;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--font-body);
font-size: 16px;
line-height: 1.6;
color: var(--color-text);
background-color: var(--color-bg-deep);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
h1,h2,h3 { line-height: 1.2; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}