html *, body * { margin: 0; padding: 0; color: white; } body { width: 1920px; height: 1080px; background-image: url("/assets/test.png"); background-repeat: no-repeat; } #stripe { position: fixed; top: 2px; left: 0; width: 100%; background: transparent url("/assets/stripe.png") no-repeat; height: 58px; text-align: center; } #stripe * { display: inline-block; } #stripe .team { margin-top: 2px; position: inherit; width: 435px; overflow: hidden; } #stripe .team .name { color: white; font-size: 34px; font-family: 'Oswald', sans-serif; } #stripe .team.orange { left: 270px; text-align: right; } #stripe .ban { position: inherit; top: -2px; } #stripe .ban.blue { left: 715px; } #stripe .ban.orange { left: 1080px; } .operator { background-repeat: no-repeat; background-size: cover; width: 60px; height: 60px; } #stripe .team.blue { left: 1215px; text-align: left; } #stripe .logo { display: inline-block; } #stripe .info { position: inherit; top: 0; width: 220px; height: 58px; } #stripe .info.left { left: 0; text-align: left; } #stripe .info.right { left: 1700px; text-align: right; } #stripe .operator { filter: grayscale(80%); text-align: center; } #stripe .operator .prohibit { text-align: center; color: gray; margin-top: 31px; font-size: 20px; font-family: 'Oswald', sans-serif; text-shadow: 2px 2px #ff0000; }