Pawfect Puffs - Where every paw-ty has a paws-itive vibe

Welcome to Pawfect Puffs, where every paw-ty has a paws-itive vibe

We're not just a social media platform, we're a paw-ty in a box! Join us for:

Unfriending your ex's ex
Unfriending your in-laws
Unfriending your aunt

/* styles.css */ body { background: linear-gradient(to bottom, #F7DCB9, #F7DCB9); color: #000; background-size: 100vh; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 1.5; margin: 0; padding: 0; border: 4px solid #000; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } .header-content { background: #F7DCB9; padding: 20px; border: 4px solid #000; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); text-align: center; } .header-content h1 { font-size: 36px; line-height: 1.2; font-weight: bold; margin: 0; } .header-content nav ul { list-style: none; padding: 0; margin: 0; text-align: center; } .header-content nav li { display: inline-block; margin: 0 10px 0 10px; padding: 10px 20px; border: 4px solid #000; border-radius: 4px; background: #000; color: #F7DCB9; transition: background 0.2s ease-in-out; } .header-content nav li:hover { background: #F7DCB9; color: #000; cursor: pointer; } .header-content nav a { text-decoration: none; color: #F7DCB9; font-weight: bold; } .paw-fect-button { text-align: center; margin: 0; padding: 0; background: #000; color: #F7DCB9; border: 4px solid #000; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); cursor: pointer; } .button { padding: 10px 20px; border: none; border-radius: 4px; background: #000; color: #F7DCB9; transition: background 0.2s ease-in-out; } .button:hover { background: #F7DCB9; color: #000; cursor: pointer; }