html *, body * { margin: 0; padding: 0; color: white; } body { width: 1920px; height: 1080px; /*background-image: url("/assets/test.png"); background-repeat: no-repeat;*/ font-family: 'Oswald', sans-serif; } #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; } #stripe .team.orange { left: 270px; text-align: right; } #stripe .ban { position: inherit; top: -1px; } #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: 4px; width: 220px; height: 50px; } #stripe .info.left { left: 0; text-align: left; } #stripe .info.right { left: 1700px; text-align: right; } #stripe .operator { filter: grayscale(65%); text-align: center; } #stripe .operator .prohibit { text-align: center; color: gray; margin-top: 31px; font-size: 20px; text-shadow: 1px 1px 1px gray, 1px 0px 1px gray, 0px -1px 1px gray, -1px -1px 1px gray; filter: none; color: red; } #stripe .esl-logo { height: 40px; margin-top: 5px; margin-right: 8px; } #stripe .flag.hun { height: 34px; margin: 8px 0 0 8px; float: left; margin-right: 10px; } #stripe .info.left .text { display: table-cell; vertical-align: middle; height: 50px; font-size: 20px; text-shadow: 1px 1px 1px black, 1px 0px 1px black, 0px -1px 1px black, -1px -1px 1px black; } .text em { font-style: normal; font-weight: bold; font-size: 22px; }