/* Reset i podstawy */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #333; background: #fff; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Header - Centrowanie wszystkiego */
header { padding: 40px 0; border-bottom: 1px solid #f0f0f0; }
.header-content { display: flex; flex-direction: column; align-items: center; text-align: center; }

/* Stylizacja Logo */
.main-logo { max-width: 250px; height: auto; margin-bottom: 20px; display: block; }

/* Stylizacja Linków Social Media */
.social-links { display: flex; gap: 20px; }
.social-icon { text-decoration: none; color: #555; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; transition: color 0.3s; }
.social-icon:hover { color: #000; }

/* Hero Section */
.hero { padding: 80px 0; text-align: center; background: #fafafa; }
.hero h1 { font-size: 36px; margin-bottom: 10px; font-weight: 300; letter-spacing: 2px; }
.hero p { color: #888; font-style: italic; }

/* Stopka */
footer { padding: 30px 0; text-align: center; font-size: 12px; color: #bbb; border-top: 1px solid #f9f9f9; }

/* Responsywność */
@media (max-width: 600px) {
    .main-logo { max-width: 180px; }
    .hero h1 { font-size: 28px; }
}

/* ANIMACJA PŁYWANIA LOGO */
.main-logo { 
    max-width: 280px; 
    height: auto; 
    margin-bottom: 25px; 
    display: block;
    /* Definicja animacji: nazwa, czas trwania, płynność, nieskończoność */
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-15px); } /* Logo unosi się o 15px */
	100% { transform: translateY(0px); }
}

/* Social Media */
.social-links { display: flex; gap: 25px; }
.social-icon { 
    text-decoration: none; 
    color: #777; 
    font-size: 13px; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
    transition: 0.3s; 
}
.social-icon:hover { color: #000; letter-spacing: 3px; }

/* Główne ustawienia tekstu */
body { 
    font-family: 'Montserrat', sans-serif; 
    font-weight: 300;
    line-height: 1.8; 
    color: #333; 
}

/* Styl dla nagłówków (Artystyczny sznyt) */
h1, h2, h3 { 
    font-family: 'Playfair Display', serif; 
    font-weight: 700;
    letter-spacing: 1px;
    color: #1a1a1a;
}

/* Hero Section - większa elegancja */
.hero h1 { 
    font-size: 52px; 
    font-style: italic; /* Kursywa dodaje artystycznego charakteru */
    margin-bottom: 20px; 
}