66 lines
1.4 KiB
CSS
66 lines
1.4 KiB
CSS
/* Custom Styles for serdartorun.dev */
|
|
|
|
:root {
|
|
--navy: #0a192f;
|
|
--light-navy: #112240;
|
|
--lightest-navy: #233554;
|
|
--cyber-green: #64ffda;
|
|
--slate: #8892b0;
|
|
--white: #e6f1ff;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--navy);
|
|
scroll-behavior: smooth;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* Custom Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--navy);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--lightest-navy);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--cyber-green);
|
|
}
|
|
|
|
/* Glassmorphism Cards */
|
|
.glass-card {
|
|
background: rgba(17, 34, 64, 0.7);
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(100, 255, 218, 0.1);
|
|
transition: transform 0.3s ease, border 0.3s ease;
|
|
}
|
|
|
|
.glass-card:hover {
|
|
transform: translateY(-5px);
|
|
border-color: var(--cyber-green);
|
|
}
|
|
|
|
/* Typewriter Effect for Hero */
|
|
.mono {
|
|
font-family: 'Space Mono', 'Roboto Mono', monospace;
|
|
}
|
|
|
|
/* Lang Switcher Active State */
|
|
button.active-lang {
|
|
color: var(--cyber-green);
|
|
border-color: var(--cyber-green);
|
|
background: rgba(100, 255, 218, 0.1);
|
|
}
|
|
|
|
/* Background Grid Effect (Defense System Vibe) */
|
|
.bg-grid {
|
|
background-image: radial-gradient(var(--lightest-navy) 1px, transparent 1px);
|
|
background-size: 40px 40px;
|
|
opacity: 0.3;
|
|
} |