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

Anua Peach 77 Toner Review: The Winter Glow You’ll Love

7 Stunning December Cat Eye Nails You’ll Love

8 Stunning Christmas Press-On Nails You’ll Love Instantly

Easy Snowflake Makeup Tutorial You’ll Love for Christmas Magic

How to Create a Stunning Peachy Christmas Eye Look

Get Stunning Christmas Glam: Easy Steps to Perfect Holiday Makeup

The ANUA 77% Toner That Everyone’s Raving About Right Now

The Ultimate Rare Beauty Guide: Products You Need to Try

The Ultimate Ordinary Skincare Guide for Perfect Glowing Skin

How to Master Quiet Luxury Winter Style That Looks Effortless

How to Rock the Perfect Maxi Coat & Boots Look

How to Rock Adidas Sneakers & Brown Leather Jackets Effortlessly

Prev
1 … 7 8 9 10 11 12
Next
🌸
💮
💐
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; } }