terms-and-conditions - Létající minipivovar peŠKOPEK z Neveklova

pivovar@peskopek.cz | +420 702 200 257

létající minipivovar peŠKOPEK z Neveklova

Pro více informací:

pivovar@peskopek.cz | +420 702 200 257

Podmínky a ujednání

--bg-color: #083436; /* Barva pozadí z loga */ --gold: #d2ad57; /* Zlatá z loga */ --gold-glow: rgba(210, 173, 87, 0.4); --text-light: #e0e0e0; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; scroll-behavior: smooth; } body { background-color: var(--bg-color); background-image: radial-gradient(circle at 50% 0%, #104a4d 0%, var(--bg-color) 70%); color: var(--text-light); line-height: 1.8; overflow-x: hidden; } /* Extravagantní Hero sekce */ .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px; position: relative; } .logo-container { margin-bottom: 40px; animation: float 6s ease-in-out infinite; } .logo-container img { max-width: 100%; width: 500px; border-radius: 30px; box-shadow: 0 20px 50px var(--gold-glow), 0 0 0 2px rgba(210, 173, 87, 0.2); } h1 { font-size: 2.5rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; background: linear-gradient(45deg, #f9f1b2, var(--gold), #9c782b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; } .hero p { font-size: 1.2rem; max-width: 600px; margin-bottom: 40px; font-weight: 300; } .btn { padding: 15px 40px; font-size: 1.1rem; font-weight: 600; color: var(--bg-color); background: linear-gradient(45deg, var(--gold), #f9f1b2); border: none; border-radius: 50px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 10px 30px var(--gold-glow); transition: all 0.3s ease; cursor: pointer; } .btn:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 15px 40px rgba(210, 173, 87, 0.6); } /* Skleněné karty (Glassmorphism) */ .container { max-width: 1000px; margin: 0 auto; padding: 50px 20px; display: grid; gap: 40px; } .card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(210, 173, 87, 0.15); border-radius: 20px; padding: 50px; text-align: center; transition: transform 0.3s ease, border-color 0.3s ease; position: relative; overflow: hidden; } .card::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(210, 173, 87, 0.1), transparent); transition: 0.5s; } .card:hover::before { left: 100%; } .card:hover { transform: translateY(-10px); border-color: var(--gold); } .card h2 { color: var(--gold); font-size: 2rem; margin-bottom: 20px; font-weight: 600; } /* Animace */ @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } footer { text-align: center; padding: 30px; border-top: 1px solid rgba(210, 173, 87, 0.2); margin-top: 50px; font-weight: 300; letter-spacing: 1px; } footer span { color: var(--gold); font-weight: 600; }