.center-bl { text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .blob { background: #ff416c; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #ff4b2b, #ff416c); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient( to right, #ff4b2b, #ff416c ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: 50%; box-shadow: 0 0 0 0 #ff4b2b; height: 150px; width: 150px; transform: scale(1); animation: pulse-black 2s infinite; } @keyframes pulse-black { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 #ff4b2bcc; } 70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } h1 { margin-top: 4%; color: #ff416c; font-weight: 600; font-size: x-large; } .bl { display: flex; justify-content: center; align-items: center; } .on { position: absolute; display: flex; justify-content: center; align-items: center; color: rgba(32, 32, 32, 0.856); } img { width: 8%; } a { color: #ff416c; text-transform: uppercase; } a:hover{ color: #fc8aa5; text-decoration:none; } @media only screen and (max-width: 700px) { h1 { margin-top: 19%; } }

Wyłączone Javascript

Aby korzystać ze sklepu musisz włączyć obsługę JavaScript.
Poradnik jak to zrobić

Moduł Bans jest wyłączony!