Skip to content
No results
  • Blog
  • Skin care
  • Makeup
  • Nails care
  • Hair care
  • Fashion trends
  • Recipes
  • Decor
  • About
  • Contact
skinviy.com
  • Blog
  • Skin care
  • Makeup
  • Nails care
  • Hair care
  • Fashion trends
  • Recipes
  • Decor
skinviy.com

Christmas Tree Themes You’ll Love: Stunning Inspiration & Ideas

5 Must-Try Christmas Fashion Trends You’ll Love + Chic Outfit Ideas

Best Thanksgiving Outfit Ideas for Women You’ll Love This Season

Easy Dragon Braids for Beginners

Short and Thin Hair Styling Tips You’ll Love for Instant Volume

21 Best Fall Nail Colors You’ll Love for a Stunning Seasonal Look

Minimalist Fall Nail Trends You’ll Love: Mocha Maple Statement Designs

Prev
1 … 9 10 11 12
🌸
💮
💐
Skinviy Logo
Beauty & Wellness

Your trusted space for holistic beauty, scientifically proven care, and mindful well-being. Join our community of wellness enthusiasts.

Categories

  • Skin Care
  • Fashion Trends
  • Hair Care
  • Nails Care
  • Makeup
  • Recipes
  • Decor

Connect

  • About Valora
  • Contact Us
Privacy Policy Disclaimer Cookies Policy
© 2025 Skinviy. Made with for mindful beauty.
.skinviy-footer { background: #FFE6D4; position: relative; overflow: hidden; margin-top: auto; border-top: 1px solid rgba(109, 18, 63, 0.1); } .footer-accent { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 0%, #6d123f 20%, #b56576 50%, #6d123f 80%, transparent 100%); animation: accentFlow 3s ease-in-out infinite; } @keyframes accentFlow { 0%, 100% { opacity: 0.7; transform: scaleX(0.95); } 50% { opacity: 1; transform: scaleX(1); } } .footer-container { max-width: 1400px; margin: 0 auto; padding: 80px 40px 40px; position: relative; } /* Floating décorations */ .floating-elements { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } .floating-element { position: absolute; opacity: 0.1; animation: floatElement 15s ease-in-out infinite; } .element-1 { top: 15%; left: 5%; font-size: 2rem; color: #6d123f; animation-delay: 0s; } .element-2 { top: 65%; right: 8%; font-size: 1.5rem; color: #6d123f; animation-delay: -5s; } .element-3 { bottom: 25%; left: 12%; font-size: 1.8rem; color: #6d123f; animation-delay: -10s; } @keyframes floatElement { 0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); opacity: 0.1; } 33% { transform: translateY(-30px) rotate(120deg) scale(1.2); opacity: 0.15; } 66% { transform: translateY(20px) rotate(240deg) scale(0.9); opacity: 0.08; } } .footer-main { display: grid; grid-template-columns: 1.8fr 1fr 1fr; gap: 60px; margin-bottom: 60px; position: relative; z-index: 2; } /* Logo & description */ .brand-section { position: relative; } .footer-logo { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; } .logo-wrapper { position: relative; width: 160px; height: 110px; border-radius: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 32px rgba(109, 18, 63, 0.15); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .logo-wrapper:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 12px 40px rgba(109, 18, 63, 0.25); border-color: rgba(109, 18, 63, 0.2); } .logo-wrapper img { width: 80px; height: 60px; filter: drop-shadow(0 4px 8px rgba(109, 18, 63, 0.3)); } .logo-text { display: flex; flex-direction: column; } .logo-text span { font-size: 1rem; color: #6d123f; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; } .footer-description { font-size: 1.15rem; line-height: 1.8; color: #5a3f3f; margin-bottom: 35px; padding-left: 25px; border-left: 3px solid #6d123f; position: relative; } .footer-description::before { content: "✨"; position: absolute; left: -15px; top: -5px; font-size: 1.2rem; color: #6d123f; } /* Social Links */ .social-links { display: flex; gap: 15px; flex-wrap: wrap; } .social-link { width: 50px; height: 50px; background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #6d123f; text-decoration: none; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 6px 20px rgba(109, 18, 63, 0.15); position: relative; overflow: hidden; border: 2px solid rgba(109, 18, 63, 0.1); font-size: 1.2rem; } .social-link::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(109, 18, 63, 0.1), transparent); transition: left 0.7s; } .social-link:hover::before { left: 100%; } .social-link:hover { transform: translateY(-8px) scale(1.1); color: #ffffff; background: linear-gradient(135deg, #6d123f 0%, #8a1a52 100%); box-shadow: 0 12px 30px rgba(109, 18, 63, 0.3); border-color: rgba(109, 18, 63, 0.3); } /* Navigation */ .nav-section h3 { font-family: 'Playfair Display', serif; font-size: 1.5rem; color: #6d123f; margin-bottom: 30px; position: relative; padding-bottom: 12px; } .nav-section h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: linear-gradient(90deg, #6d123f, #b56576); border-radius: 2px; transition: width 0.4s ease; } .nav-section:hover h3::after { width: 80px; } .nav-links { list-style: none; padding: 0; margin: 0; } .nav-links li { margin-bottom: 16px; } .nav-links a { color: #5a3f3f; text-decoration: none; font-weight: 400; font-size: 1.05rem; transition: all 0.3s ease; display: flex; align-items: center; gap: 12px; padding: 8px 0; position: relative; } .nav-links a i { color: #6d123f; font-size: 0.9rem; width: 20px; text-align: center; transition: all 0.3s ease; } .nav-links a:hover { color: #6d123f; padding-left: 15px; transform: translateX(5px); } .nav-links a:hover i { transform: scale(1.2); color: #8a1a52; } /* Footer Bottom */ .footer-bottom { border-top: 1px solid rgba(109, 18, 63, 0.2); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; } .legal-links { display: flex; gap: 30px; } .legal-links a { color: #6d123f; text-decoration: none; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 5px 0; font-weight: 500; } .legal-links a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #6d123f; transition: width 0.3s ease; } .legal-links a:hover { color: #8a1a52; } .legal-links a:hover::after { width: 100%; } .copyright { display: flex; align-items: center; gap: 12px; color: #6d123f; font-size: 0.95rem; font-weight: 500; } .copyright .fa-heart { color: #6d123f; animation: heartbeat 2s ease-in-out infinite; } @keyframes heartbeat { 0%, 100% { transform: scale(1); } 25% { transform: scale(1.1); } 50% { transform: scale(1); } 75% { transform: scale(1.15); } } /* Responsive Design */ @media (max-width: 1200px) { .footer-main { grid-template-columns: 1.5fr 1fr 1fr; gap: 50px; } } @media (max-width: 768px) { .footer-container { padding: 60px 25px 30px; } .footer-main { grid-template-columns: 1fr; gap: 40px; } .footer-logo { flex-direction: column; text-align: center; gap: 15px; } .logo-text { align-items: center; } .footer-description { padding-left: 0; border-left: none; text-align: center; padding-top: 15px; border-top: 2px solid rgba(109, 18, 63, 0.3); } .footer-description::before { left: 50%; transform: translateX(-50%); top: -12px; background: #FFE6D4; padding: 0 10px; } .social-links { justify-content: center; } .nav-section h3::after { left: 50%; transform: translateX(-50%); } .footer-bottom { flex-direction: column; gap: 20px; text-align: center; } .legal-links { flex-wrap: wrap; justify-content: center; gap: 20px; } } @media (max-width: 480px) { .footer-container { padding: 50px 20px 25px; } .logo-text span { font-size: 0.9rem; } .legal-links { flex-direction: column; gap: 15px; } .floating-element { display: none; } .social-link { width: 45px; height: 45px; font-size: 1.1rem; } }