premium-matchmakers / style.css
nkjoy's picture
νšŒμ‚¬ μ†Œκ°œ νŽ˜μ΄μ§€ λ§Œλ“€μ–΄
295f9b5 verified
/* Shared styles across all pages */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans KR', sans-serif;
scroll-behavior: smooth;
}
#hero {
height: 100vh;
min-height: 700px;
}
#vanta-bg {
background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
}
.feather {
width: 20px;
height: 20px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
#hero h1 {
font-size: 2.5rem;
}
#hero p {
font-size: 1.2rem;
}
}
/* Form styling */
#consultation-form input,
#consultation-form textarea {
transition: all 0.3s ease;
}
#consultation-form input:focus,
#consultation-form textarea:focus {
border-color: #ec4899;
box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}
/* Card hover effects */
.grid div.bg-white {
transition: all 0.3s ease;
}
.grid div.bg-white:hover {
transform: translateY(-5px);
}
/* Testimonial cards */
#testimonials .bg-gray-50 {
transition: all 0.3s ease;
}
#testimonials .bg-gray-50:hover {
transform: translateY(-3px);
}