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

Stunning Neon Nails Ideas With A Bold Summer Energy

Summer Dress Ideas for the Ultimate Hot Girl Glow Up

Hot Girl Summer Dress Guide: Dreamy Viral Glow Up Looks

Boho Outfits You’ll Love: 15 Effortless Chic Looks

Graduation Outfit Ideas You’ll Love for Your Big Day

How to Make the Most Delicious Lemon Cream Cheese Dump Cake Ever

Country Concert Outfit Ideas You’ll Love This Season

May Nails Ideas: Fresh & Trendy Designs You’ll Love

Stunning Prom Hairstyles Ideas to Elevate Your Look This Year

Makeup Looks Ideas You’ll Love for Every Occasion

Acrylic Nails Guide: Must-Try Designs for a Flawless Look

Graduation Nails Ideas You’ll Love for a Perfect Graduation Look

Prev
1 2 3 4 5 … 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; } }