/* styles.css */

body { margin: 0; padding: 0; background-color: #2F3E2C; color: #C6A25E; font-family: 'Georgia', serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; text-align: center; }

.logo-container { display: flex; flex-direction: column; align-items: center; animation: fadeIn 2s ease-in-out; padding: 20px; }

.logo { width: 600px; height: 600px; background-image: url('/images/cedarstead-logo.png'); /* Replace with actual logo path */ background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; }

.slogan { font-size: 1.5rem; color: #C6A25E; }

@media (max-width: 600px) { .logo { width: 120px; height: 120px; }

.slogan { font-size: 1.2rem; padding: 0 10px; } }

@keyframes fadeIn { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }