Новые правки на сайте
This commit is contained in:
parent
be6ed4afaf
commit
44a7374a44
27 changed files with 859 additions and 0 deletions
68
src/styles/global.css
Normal file
68
src/styles/global.css
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
||||
@import "tailwindcss";
|
||||
|
||||
:root {
|
||||
--toyota-red: #E51937;
|
||||
--toyota-red-dark: #b91c1a;
|
||||
--lexus-dark: #1a1a1a;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', system-ui, sans-serif;
|
||||
background: white;
|
||||
color: #111827;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.glass-panel {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scrollBounce {
|
||||
0%, 100% { transform: translateY(0); }
|
||||
50% { transform: translateY(8px); }
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
}
|
||||
|
||||
.animate-fade-in-up {
|
||||
animation: fadeInUp 0.8s ease-out forwards;
|
||||
}
|
||||
|
||||
.animate-scroll {
|
||||
animation: scrollBounce 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.animate-pulse-dot {
|
||||
animation: pulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
section[id] {
|
||||
scroll-margin-top: 80px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue