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;
}