60 lines
1.6 KiB
CSS
60 lines
1.6 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
|
|
|
|
:root {
|
|
--asgard-green: #064e3b;
|
|
--asgard-lime: #10b981;
|
|
--asgard-yellow: #fbbf24;
|
|
}
|
|
|
|
html { scroll-behavior: smooth; }
|
|
|
|
body {
|
|
font-family: 'Plus Jakarta Sans', sans-serif;
|
|
/* Background Modern Gradasi Hijau - Kuning */
|
|
background:
|
|
radial-gradient(at 0% 0%, rgba(16, 185, 129, 0.15) 0px, transparent 50%),
|
|
radial-gradient(at 100% 100%, rgba(251, 191, 36, 0.1) 0px, transparent 50%),
|
|
linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
|
|
color: #1e293b;
|
|
}
|
|
|
|
/* Bento Card Glassmorphism */
|
|
.bento-card {
|
|
background: rgba(255, 255, 255, 0.7);
|
|
backdrop-filter: blur(12px);
|
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
|
border-radius: 2.5rem;
|
|
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
|
|
}
|
|
|
|
.bento-card:hover {
|
|
transform: translateY(-12px);
|
|
box-shadow: 0 30px 60px rgba(6, 78, 59, 0.12);
|
|
border-color: var(--asgard-lime);
|
|
}
|
|
|
|
/* Swiper Slider Styling */
|
|
.swiper-pagination-bullet-active {
|
|
background: var(--asgard-green) !important;
|
|
}
|
|
|
|
.text-gradient {
|
|
background: linear-gradient(135deg, var(--asgard-green) 0%, var(--asgard-lime) 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
/* Footer Dark Smapa */
|
|
.footer-asgard {
|
|
background: #022c22;
|
|
color: #ecfdf5;
|
|
}
|
|
|
|
/* Interactive Floating Animation */
|
|
.animate-float {
|
|
animation: float 6s ease-in-out infinite;
|
|
}
|
|
@keyframes float {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-20px); }
|
|
} |