Mix, Mastering, Postprodukcja, Organizacja wydarzeń muzycznych!

To jest przykładowa strona główna.

body { margin: 300; font-family: Arial, sans-serif; color: black; background-image: url('tlo.jpg'); background-size: cover; background-position: center center; } body, html { margin: 0; padding: 0; height: 100%; } .background-container { height: 100%; background-image: url('tlo.jpg'); background-size: cover; background-position: center center; } header { background-color: black; padding-top: 60px; padding-bottom: 20px; text-align: center; height: auto; } header img { max-width: 300px; margin-bottom: 20px; } nav ul { list-style-type: none; padding: 0; display: flex; justify-content: center; } nav ul li { margin: 0 15px; } nav ul li a { font-family: 'Baloo 2', sans-serif; font-size: 24px; color: white; text-decoration: none; padding: 10px; transition: transform 0.3s ease-in-out; } main { padding: 50px; text-align: center; } h1 { font-family: 'Baloo 2', sans-serif; font-size: 2.5rem; text-align: center; color: #333; } p { font-family: 'Baloo 2', sans-serif; font-size: 2.5rem; text-align: center; color: #333; } .email-link { font-size: 24px; font-weight: bold; font-family: 'Baloo 2', sans-serif; color: black; text-decoration: none; display: inline-block; transition: transform 0.3s ease-in-out; } .email-link:hover { transform: scale(1.3); } nav ul li a:hover { color: yellow; } footer { background-color: black; padding: 20px; text-align: center; color: white; } footer h2 { font-family: 'Baloo 2', sans-serif; font-size: 24px; margin-bottom: 15px; } .partners { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; } .partners img { max-width: 150px; height: auto; transition: transform 0.3s ease-in-out; } .partners img:hover { transform: scale(1.1); }